Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| d3aab47dad | |||
| 1516fefb2c | |||
| 98c7908417 |
@@ -1,11 +1,10 @@
|
|||||||
import request from "@/utils/request";
|
import request from "@/utils/request";
|
||||||
import { Account_BaseUrl, Order_BaseUrl } from "@/api/config";
|
import { Account_BaseUrl } from "@/api/config";
|
||||||
const baseURL = Account_BaseUrl + "/admin/shopMerchant";
|
const baseURL = Account_BaseUrl + "/admin/shopMerchant";
|
||||||
const orderURL = Order_BaseUrl + "/admin/shopMerchant";
|
|
||||||
const API = {
|
const API = {
|
||||||
get(shopId: string | number) {
|
get(shopId: string | number) {
|
||||||
return request({
|
return request({
|
||||||
url: `${orderURL}`,
|
url: `${baseURL}`,
|
||||||
method: "get",
|
method: "get",
|
||||||
params: {
|
params: {
|
||||||
shopId: shopId
|
shopId: shopId
|
||||||
@@ -15,7 +14,7 @@ const API = {
|
|||||||
edit(shopId: string | number, data: shopMerchantType) {
|
edit(shopId: string | number, data: shopMerchantType) {
|
||||||
delete data.id
|
delete data.id
|
||||||
return request({
|
return request({
|
||||||
url: `${orderURL}`,
|
url: `${baseURL}`,
|
||||||
method: "put",
|
method: "put",
|
||||||
data: { ...data, shopId },
|
data: { ...data, shopId },
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,166 +0,0 @@
|
|||||||
import request from "@/utils/request";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取所有地域
|
|
||||||
* @param params
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getRegion = () => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/system/admin/common/region`,
|
|
||||||
method: "get"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取所有银行
|
|
||||||
* @param params
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getBankInfo = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/system/admin/common/bankInfo`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 类目信息表
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getCategory = () => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/system/admin/common/category`,
|
|
||||||
method: "get"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
interface getBankBranchListParams {
|
|
||||||
bankAliceCode?: string;
|
|
||||||
cityCode?: string;
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
* 获取所有支行
|
|
||||||
* @params
|
|
||||||
* bankAliceCode 银行别名code bankAliasCode 从 /system/admin/common/bankInfo 获取
|
|
||||||
* cityCode 市编码 wxProvinceCode 从 /system/admin/common/region 获取
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getBankBranchList = (params: getBankBranchListParams) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager/bankBranchList`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 申请进件
|
|
||||||
* @data Object
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const entryManagerPost = (data: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager`,
|
|
||||||
method: "post",
|
|
||||||
data
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 申请进件
|
|
||||||
* @data {
|
|
||||||
* url string 图片地址
|
|
||||||
* type string 可选
|
|
||||||
* IdCard 身份证
|
|
||||||
* BankCard 银行卡
|
|
||||||
* BusinessLicense 营业执照
|
|
||||||
* }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getInfoByImg = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager/getInfoByImg`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取进件信息详情
|
|
||||||
* @data { shopId }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const entryManagerDetail = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取进件列表
|
|
||||||
* @data { params }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const entryManagerList = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager/list`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 主动查询进件信息状态
|
|
||||||
* @data { params }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const queryEntry = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/data/entryManager/queryEntry`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 商户支付信息获取
|
|
||||||
* @data { params }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const shopMerchantGet = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/shopMerchant`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 商户支付信息修改 修改聚合支付信息
|
|
||||||
* @data { params }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const shopMerchantPut = (data: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/shopMerchant`,
|
|
||||||
method: "put",
|
|
||||||
data
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 获取当前店铺的主店进件信息
|
|
||||||
* @data { params }
|
|
||||||
* @returns
|
|
||||||
*/
|
|
||||||
export const getMainMerchant = (params: Object) => {
|
|
||||||
return request<any, any[]>({
|
|
||||||
url: `/order/admin/shopMerchant/getMainMerchant`,
|
|
||||||
method: "get",
|
|
||||||
params
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -10,7 +10,7 @@ export function searchstorestatus(type) {
|
|||||||
return request_php({
|
return request_php({
|
||||||
method: "post",
|
method: "post",
|
||||||
headers: {
|
headers: {
|
||||||
'ClintType': type
|
clint_type: type
|
||||||
},
|
},
|
||||||
url: "/meituan/searchstorestatus"
|
url: "/meituan/searchstorestatus"
|
||||||
});
|
});
|
||||||
@@ -79,7 +79,7 @@ export function getuisdk(data) {
|
|||||||
return request_php({
|
return request_php({
|
||||||
method: "post",
|
method: "post",
|
||||||
headers: {
|
headers: {
|
||||||
'ClintType': 2
|
clint_type: 2
|
||||||
},
|
},
|
||||||
url: "/douyin/getuisdk",
|
url: "/douyin/getuisdk",
|
||||||
data,
|
data,
|
||||||
@@ -214,7 +214,7 @@ export function thirdPartyCoupon_bindUrl(data) {
|
|||||||
return request_php({
|
return request_php({
|
||||||
method: "post",
|
method: "post",
|
||||||
headers: {
|
headers: {
|
||||||
'ClintType': 1
|
clint_type: 1
|
||||||
},
|
},
|
||||||
url: "/meituan/getuisdkurl",
|
url: "/meituan/getuisdkurl",
|
||||||
data,
|
data,
|
||||||
|
|||||||
@@ -150,7 +150,7 @@ export type statusType =
|
|||||||
| "done"
|
| "done"
|
||||||
| "refunding"
|
| "refunding"
|
||||||
| "refund"
|
| "refund"
|
||||||
| "part-refund"
|
| "part_refund"
|
||||||
| "cancelled"
|
| "cancelled"
|
||||||
| "";
|
| "";
|
||||||
|
|
||||||
|
|||||||
@@ -1,161 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="center">
|
|
||||||
<el-select placeholder="请选择省" style="width: 100px" v-model="prov" @change="provChange">
|
|
||||||
<el-option
|
|
||||||
v-for="item in provList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionName"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
placeholder="请选择市"
|
|
||||||
style="width: 100px"
|
|
||||||
:disabled="!prov"
|
|
||||||
v-model="city"
|
|
||||||
@change="cityChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in cityList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionName"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
placeholder="请选择区"
|
|
||||||
style="width: 100px"
|
|
||||||
:disabled="!city"
|
|
||||||
v-model="area"
|
|
||||||
@change="areaChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in areaList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionName"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, watch } from "vue";
|
|
||||||
import { getRegion } from "@/api/common";
|
|
||||||
|
|
||||||
const provList = ref<any[]>([]);
|
|
||||||
const cityList = ref<any[]>([]);
|
|
||||||
const areaList = ref<any[]>([]);
|
|
||||||
|
|
||||||
const provCode = defineModel("provCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 监听省份code变化
|
|
||||||
watch(
|
|
||||||
provCode,
|
|
||||||
async (n, o) => {
|
|
||||||
await getRegionAjax();
|
|
||||||
if (n && n !== undefined) {
|
|
||||||
provChange(n, true);
|
|
||||||
|
|
||||||
// 监听市区code变化
|
|
||||||
watch(
|
|
||||||
cityCode,
|
|
||||||
async (n, o) => {
|
|
||||||
if (n !== undefined && n) {
|
|
||||||
cityChange(n, true);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const cityCode = defineModel("cityCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const areaCode = defineModel("areaCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const prov = defineModel("prov", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const city = defineModel("city", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const area = defineModel("area", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const wxProvinceCode = defineModel("wxProvinceCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 省份变化 e code isEcho是否回显
|
|
||||||
function provChange(e: string, isEcho: boolean = false) {
|
|
||||||
console.log("provChange", e);
|
|
||||||
if (!isEcho) {
|
|
||||||
city.value = "";
|
|
||||||
area.value = "";
|
|
||||||
cityList.value = [];
|
|
||||||
areaList.value = [];
|
|
||||||
}
|
|
||||||
const provObj = provList.value.find((item) => item.regionName == e);
|
|
||||||
if (provObj && provObj.children) {
|
|
||||||
cityList.value = provObj.children;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 市区变化
|
|
||||||
function cityChange(e: string, isEcho: boolean = false) {
|
|
||||||
if (!isEcho) {
|
|
||||||
area.value = "";
|
|
||||||
areaList.value = [];
|
|
||||||
}
|
|
||||||
const cityObj = cityList.value.find((item) => item.regionName == e);
|
|
||||||
|
|
||||||
if (cityObj && cityObj.children) {
|
|
||||||
areaList.value = cityObj.children;
|
|
||||||
wxProvinceCode.value = cityObj.wxProvinceCode;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 区变化
|
|
||||||
function areaChange(e: string) {}
|
|
||||||
|
|
||||||
// 获取省市区数据
|
|
||||||
async function getRegionAjax() {
|
|
||||||
try {
|
|
||||||
const res = await getRegion();
|
|
||||||
provList.value = res;
|
|
||||||
} catch (error) {
|
|
||||||
console.error("获取省市区数据失败：", error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 14px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -172,12 +172,12 @@ const onError = (error: any) => {
|
|||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
// border: 1px var(--el-border-color) solid;
|
border: 1px var(--el-border-color) solid;
|
||||||
// border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
// &:hover {
|
&:hover {
|
||||||
// border-color: var(--el-color-primary);
|
border-color: var(--el-color-primary);
|
||||||
// }
|
}
|
||||||
|
|
||||||
&__delete-btn {
|
&__delete-btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@@ -300,17 +300,3 @@ export function includesString(target, searchStr, options = {}) {
|
|||||||
// 4. 执行包含判断
|
// 4. 执行包含判断
|
||||||
return processedTarget.includes(processedSearch);
|
return processedTarget.includes(processedSearch);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 校验手机号码（中国大陆）
|
|
||||||
* - 支持 11 位手机号，号段 13x-19x
|
|
||||||
* @param {string} phone
|
|
||||||
* @returns {boolean}
|
|
||||||
*/
|
|
||||||
export function isValidMobile(phone: string): boolean {
|
|
||||||
if (!phone && phone !== 0) return false;
|
|
||||||
const s = String(phone).trim();
|
|
||||||
// 中国大陆手机号正则：以1开头，第二位3-9，后面9位数字，总共11位
|
|
||||||
const mobileRegex = /^1[3-9]\d{9}$/;
|
|
||||||
return mobileRegex.test(s);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,912 +0,0 @@
|
|||||||
<!-- 选择商户以及进件渠道 -->
|
|
||||||
<template>
|
|
||||||
<div class="gyq_container">
|
|
||||||
<div class="gyq_content" ref="containerRef">
|
|
||||||
<div class="row">
|
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="250px" label-position="right">
|
|
||||||
<el-form-item label="选择商户类型" prop="merchantBaseInfo.userType">
|
|
||||||
<el-radio-group v-model="form.merchantBaseInfo.userType">
|
|
||||||
<el-radio label="个体商户" value="0"></el-radio>
|
|
||||||
<el-radio label="企业商户" value="1"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="title_row">
|
|
||||||
<div class="t">
|
|
||||||
<el-text size="large" type="primary">商户基础信息</el-text>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="企业类型" v-if="form.merchantBaseInfo.userType == '1'">
|
|
||||||
<el-radio-group v-model="form.merchantBaseInfo.companyChildType">
|
|
||||||
<el-radio label="普通企业" value="1"></el-radio>
|
|
||||||
<el-radio label="事业单位" value="2"></el-radio>
|
|
||||||
<el-radio label="政府机关" value="3"></el-radio>
|
|
||||||
<el-radio label="社会组织" value="4"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商户简称" prop="merchantBaseInfo.shortName">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.shortName" placeholder="请输入商户简称"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="行业类别码" prop="merchantBaseInfo.mccCode">
|
|
||||||
<selectCategory v-model="form.merchantBaseInfo.mccCode" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="支付宝账号" prop="merchantBaseInfo.alipayAccount">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.alipayAccount" placeholder="请输入支付宝账号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人类型">
|
|
||||||
<el-radio-group v-model="form.merchantBaseInfo.contactPersonType">
|
|
||||||
<el-radio label="经营者/法定代表人" :value="'LEGAL'"></el-radio>
|
|
||||||
<el-radio label="经办人" :value="'SUPER'"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="证件类型">
|
|
||||||
<el-radio-group v-model="form.merchantBaseInfo.certType">
|
|
||||||
<el-radio label="身份证" value="0"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人身份证号" prop="merchantBaseInfo.contactPersonId">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.contactPersonId" placeholder="请输入联系人身份证号"
|
|
||||||
style="width: 300px;" v-loading="contactIdCardFrontPicUploadLoading"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人证件有效期开始日期" prop="merchantBaseInfo.contactPersonIdStartDate"
|
|
||||||
v-loading="contactIdCardBackPicUploadLoading">
|
|
||||||
<el-date-picker v-model="form.merchantBaseInfo.contactPersonIdStartDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人证件有效期结束日期" prop="merchantBaseInfo.contactPersonIdEndDate"
|
|
||||||
v-loading="contactIdCardBackPicUploadLoading">
|
|
||||||
<div class="center">
|
|
||||||
<el-date-picker v-model="form.merchantBaseInfo.contactPersonIdEndDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
<el-checkbox
|
|
||||||
@change="e => e ? form.merchantBaseInfo.contactPersonIdEndDate = longTime : form.merchantBaseInfo.contactPersonIdEndDate = ''">长期有效</el-checkbox>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人身份证正面照片" prop="merchantBaseInfo.contactIdCardFrontPic.url">
|
|
||||||
<div class="column">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.merchantBaseInfo.contactIdCardFrontPic.url"
|
|
||||||
@on-success="contactIdCardFrontPicUpload" />
|
|
||||||
<div class="tips">国徽面为正面 (上传图片自动识别 有效期)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人身份证反面照片" prop="merchantBaseInfo.contactIdCardBackPic.url">
|
|
||||||
<div class="column">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.merchantBaseInfo.contactIdCardBackPic.url"
|
|
||||||
@on-success="contactIdCardBackPicUpload" />
|
|
||||||
<div class="tips">人像面为反面 (上传图片自动识别 身份证名称 身份证号)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人手机号" prop="merchantBaseInfo.contactPhone">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.contactPhone" placeholder="请输入联系人手机号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人地址" prop="merchantBaseInfo.contactAddr">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.contactAddr" placeholder="请输入联系人地址"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="联系人电子邮箱" prop="merchantBaseInfo.contactEmail">
|
|
||||||
<el-input v-model.trim="form.merchantBaseInfo.contactEmail" placeholder="请输入联系人电子邮箱"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="title_row">
|
|
||||||
<div class="t">
|
|
||||||
<el-text size="large" type="primary">法人信息</el-text>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="身份证手持图片" prop="legalPersonInfo.idCardHandPic.url">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardHandPic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="身份证正面图片" prop="legalPersonInfo.idCardFrontPic.url">
|
|
||||||
<div class="column">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardFrontPic.url"
|
|
||||||
@on-success="idCardFrontPicSuccess" />
|
|
||||||
<div class="tips">国徽面为正面 (上传图片自动识别 有效期)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="身份证反面图片" prop="legalPersonInfo.idCardBackPic.url">
|
|
||||||
<div class="column">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.legalPersonInfo.idCardBackPic.url"
|
|
||||||
@on-success="idCardBackPicSuccess" />
|
|
||||||
<div class="tips">人像面为反面 (上传图片自动识别 身份证名称 身份证号)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人姓名" prop="legalPersonInfo.legalPersonName" v-loading="idCardFrontPicSuccessLoading">
|
|
||||||
<el-input v-model.trim="form.legalPersonInfo.legalPersonName" placeholder="请输入法定代表人姓名"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人身份证号" prop="legalPersonInfo.legalPersonId" v-loading="idCardFrontPicSuccessLoading">
|
|
||||||
<el-input v-model.trim="form.legalPersonInfo.legalPersonId" placeholder="请输入法定代表人身份证号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人身份证开始日期" prop="legalPersonInfo.legalIdPersonStartDate"
|
|
||||||
v-loading="idCardBackPicSuccessLoading">
|
|
||||||
<el-date-picker v-model="form.legalPersonInfo.legalIdPersonStartDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人身份证结束日期" prop="legalPersonInfo.legalPersonIdEndDate"
|
|
||||||
v-loading="idCardBackPicSuccessLoading">
|
|
||||||
<div class="center">
|
|
||||||
<el-date-picker v-model="form.legalPersonInfo.legalPersonIdEndDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
<el-checkbox
|
|
||||||
@change="e => e ? form.legalPersonInfo.legalPersonIdEndDate = longTime : form.legalPersonInfo.legalPersonIdEndDate = ''">长期有效</el-checkbox>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人手机号" prop="legalPersonInfo.legalPersonPhone">
|
|
||||||
<el-input v-model.trim="form.legalPersonInfo.legalPersonPhone" placeholder="请输入法定代表人手机号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人电子邮箱" prop="legalPersonInfo.legalPersonEmail">
|
|
||||||
<el-input v-model.trim="form.legalPersonInfo.legalPersonEmail" placeholder="请输入法定代表人电子邮箱"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人性别" prop="legalPersonInfo.legalGender">
|
|
||||||
<el-radio-group v-model="form.legalPersonInfo.legalGender">
|
|
||||||
<el-radio label="男" :value="'0'"></el-radio>
|
|
||||||
<el-radio label="女" :value="'1'"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="法定代表人联系地址" prop="legalPersonInfo.legalAddress">
|
|
||||||
<el-input v-model.trim="form.legalPersonInfo.legalAddress" placeholder="请输入法定代表人联系地址"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="title_row">
|
|
||||||
<div class="t">
|
|
||||||
<el-text size="large" type="primary">营业执照信息</el-text>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="营业执照全称" prop="businessLicenceInfo.licenceName">
|
|
||||||
<el-input v-model.trim="form.businessLicenceInfo.licenceName" placeholder="请输入营业执照全称"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="营业执照注册号" prop="businessLicenceInfo.licenceNo" v-loading="licensePicSuccessLoading">
|
|
||||||
<el-input v-model.trim="form.businessLicenceInfo.licenceNo" placeholder="请输入营业执照注册号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="营业执照有效期开始日期" prop="businessLicenceInfo.licenceStartDate">
|
|
||||||
<el-date-picker v-model="form.businessLicenceInfo.licenceStartDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="营业执照有效期结束日期" prop="businessLicenceInfo.licenceEndDate">
|
|
||||||
<div class="center">
|
|
||||||
<el-date-picker v-model="form.businessLicenceInfo.licenceEndDate" type="date" placeholder="选择日期"
|
|
||||||
value-format="YYYY-MM-DD" style="width: 300px;" />
|
|
||||||
<el-checkbox
|
|
||||||
@change="e => e ? form.businessLicenceInfo.licenceEndDate = longTime : form.businessLicenceInfo.licenceEndDate = ''">长期有效</el-checkbox>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="注册地址" prop="businessLicenceInfo.registeredAddress">
|
|
||||||
<el-input v-model.trim="form.businessLicenceInfo.registeredAddress" placeholder="请输入注册地址"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="营业执照照片" prop="businessLicenceInfo.licensePic.url">
|
|
||||||
<div class="column">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.businessLicenceInfo.licensePic.url"
|
|
||||||
@on-success="licensePicSuccess" />
|
|
||||||
<div class="tips">(上传图片自动识别 营业执照编号)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<div class="title_row">
|
|
||||||
<div class="t">
|
|
||||||
<el-text size="large" type="primary">门店信息</el-text>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="商户归属省市区" prop="storeInfo.mercProvCode">
|
|
||||||
<selectAddress v-model:provCode="form.storeInfo.mercProvCode" v-model:cityCode="form.storeInfo.mercCityCode"
|
|
||||||
v-model:areaCode="form.storeInfo.mercAreaCode" v-model:prov="form.storeInfo.mercProv"
|
|
||||||
v-model:city="form.storeInfo.mercCity" v-model:area="form.storeInfo.mercArea" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="营业地址" prop="storeInfo.businessAddress">
|
|
||||||
<el-input v-model.trim="form.storeInfo.businessAddress" placeholder="请输入营业地址"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="经营场所内设照片" prop="storeInfo.insidePic.url">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.storeInfo.insidePic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="门头照" prop="storeInfo.doorPic.url">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.storeInfo.doorPic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="收银台照" prop="storeInfo.cashierDeskPic.url">
|
|
||||||
<single-image-upload :maxFileSize="2" v-model="form.storeInfo.cashierDeskPic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
<div class="title_row">
|
|
||||||
<div class="t">
|
|
||||||
<el-text size="large" type="primary">结算信息</el-text>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<el-form-item label="结算类型" prop="settlementInfo.settlementType">
|
|
||||||
<el-radio-group v-model="form.settlementInfo.settlementType">
|
|
||||||
<el-radio label="非法人结算" value="0" disabled></el-radio>
|
|
||||||
<el-radio label="法人结算" value="1"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="结算卡类型" prop="settlementInfo.settlementCardType">
|
|
||||||
<el-radio-group v-model="form.settlementInfo.settlementCardType">
|
|
||||||
<el-radio label="对私借记卡" :value="'11'"></el-radio>
|
|
||||||
<el-radio label="对公借记卡" :value="'21'"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="结算卡号" prop="settlementInfo.settlementCardNo">
|
|
||||||
<el-input v-model.trim="form.settlementInfo.settlementCardNo" placeholder="请输入结算卡号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="开户名称" prop="settlementInfo.settlementName" v-loading="bankCardFrontPicSuccessLoading">
|
|
||||||
<el-input v-model.trim="form.settlementInfo.settlementName" placeholder="请输入开户名称"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="结算银行预留手机号" prop="settlementInfo.bankMobile">
|
|
||||||
<el-input v-model.trim="form.settlementInfo.bankMobile" placeholder="请输入结算银行预留手机号"
|
|
||||||
style="width: 300px;"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="开户行省市区" prop="settlementInfo.openAccProvinceId">
|
|
||||||
<selectAddress v-model:wxProvinceCode="wxProvinceCode"
|
|
||||||
v-model:provCode="form.settlementInfo.openAccProvinceId"
|
|
||||||
v-model:cityCode="form.settlementInfo.openAccCityId" v-model:areaCode="form.settlementInfo.openAccAreaId"
|
|
||||||
v-model:prov="form.settlementInfo.openAccProvince" v-model:city="form.settlementInfo.openAccCity"
|
|
||||||
v-model:area="form.settlementInfo.openAccArea" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="开户行" prop="settlementInfo.bankInstId">
|
|
||||||
<selectBank :province="form.settlementInfo.openAccProvince" :city="form.settlementInfo.openAccCity"
|
|
||||||
:city-code="wxProvinceCode" v-model:bankInstId="form.settlementInfo.bankInstId"
|
|
||||||
v-model:bankName="form.settlementInfo.bankName"
|
|
||||||
v-model:bank-branch-code="form.settlementInfo.bankBranchCode"
|
|
||||||
v-model:bank-branch-name="form.settlementInfo.bankBranchName" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="银行卡正面" prop="settlementInfo.bankCardFrontPic.url">
|
|
||||||
<div class="column">
|
|
||||||
<SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.bankCardFrontPic.url"
|
|
||||||
@on-success="bankCardFrontPicSuccess" />
|
|
||||||
<div class="tips">(上传图片自动识别 银行卡号)</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="银行卡反面" prop="settlementInfo.bankCardBackPic.url">
|
|
||||||
<SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.bankCardBackPic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="开户许可证" prop="settlementInfo.openAccountLicencePic.url">
|
|
||||||
<SingleImageUpload :maxFileSize="2" v-model="form.settlementInfo.openAccountLicencePic.url" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<div class="btn_wrap" :style="{ width: `${containerDomInfo.width}px`, left: `${containerDomInfo.left}px` }"
|
|
||||||
v-if="formType != 'check'">
|
|
||||||
<div class="btn_content">
|
|
||||||
<div class="btn">
|
|
||||||
<el-button type="primary" size="large" style="width: 100%;" :loading="loading"
|
|
||||||
@click="submitForm">提交</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="btn">
|
|
||||||
<el-button style="width: 100%;" size="large" @click="router.back()">取消</el-button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, reactive, onMounted, onUnmounted } from "vue";
|
|
||||||
import selectAddress from "./components/selectAddress.vue";
|
|
||||||
import selectBank from "./components/selectBank.vue";
|
|
||||||
import selectCategory from "./components/selectCategory.vue";
|
|
||||||
import SingleImageUpload from "@/components/Upload/SingleImageUpload.vue";
|
|
||||||
import { entryManagerPost, getInfoByImg, entryManagerDetail } from '@/api/common'
|
|
||||||
import _ from 'lodash'
|
|
||||||
import dayjs from "dayjs";
|
|
||||||
import { isValidMobile } from "@/utils";
|
|
||||||
import { useRouter, useRoute } from 'vue-router'
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
const route = useRoute()
|
|
||||||
|
|
||||||
const containerRef = ref<any>(null)
|
|
||||||
|
|
||||||
const containerDomInfo = ref({
|
|
||||||
left: 0,
|
|
||||||
width: 0
|
|
||||||
})
|
|
||||||
|
|
||||||
const longTime = ref('2099-12-31')
|
|
||||||
|
|
||||||
const wxProvinceCode = ref('')
|
|
||||||
|
|
||||||
// 获取进件详情
|
|
||||||
async function getDetailAjax(shopId: string, licenceNo: string) {
|
|
||||||
try {
|
|
||||||
const res: any = await entryManagerDetail({
|
|
||||||
shopId: shopId,
|
|
||||||
licenceNo: licenceNo
|
|
||||||
})
|
|
||||||
form.value = res
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取containerDomInfo信息
|
|
||||||
function getContainerDomInfo() {
|
|
||||||
console.log('getContainerDomInfo');
|
|
||||||
|
|
||||||
containerDomInfo.value = containerRef.value?.getBoundingClientRect() ?? {}
|
|
||||||
}
|
|
||||||
|
|
||||||
const debouncedCheckWidth = _.debounce(getContainerDomInfo, 100)
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getContainerDomInfo()
|
|
||||||
window.addEventListener('resize', debouncedCheckWidth)
|
|
||||||
|
|
||||||
const shopId: string = String(route.query.shopId ?? '')
|
|
||||||
const licenceNo: string = String(route.query.licenceNo ?? '')
|
|
||||||
if (shopId && licenceNo) {
|
|
||||||
formType.value = 'editor'
|
|
||||||
getDetailAjax(shopId, licenceNo)
|
|
||||||
}
|
|
||||||
|
|
||||||
const type = route.query.type
|
|
||||||
if (type && type == 'check') {
|
|
||||||
formType.value = 'check'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
onUnmounted(() => {
|
|
||||||
window.removeEventListener('resize', debouncedCheckWidth)
|
|
||||||
})
|
|
||||||
|
|
||||||
// 表单操作类型 add添加 editor编辑 check查看
|
|
||||||
const formType = ref('add')
|
|
||||||
const formRef = ref<any>(null);
|
|
||||||
const form = ref({
|
|
||||||
shopId: route.query.shopId,
|
|
||||||
merchantCode: '',
|
|
||||||
// 【必填】商户基础信息
|
|
||||||
merchantBaseInfo: {
|
|
||||||
userType: '0', // 0: 个体商户;1: 企业商户;3: 小微商户 暂不支持
|
|
||||||
shortName: '', // 商户简称--企业、个体必填
|
|
||||||
mccCode: '', // 行业类别码--必填
|
|
||||||
alipayAccount: '', // 【必填】支付宝账号
|
|
||||||
contactPersonType: 'LEGAL', // 联系人类型 LEGAL: 经营者/法定代表人 SUPER: 经办人 默认LEGAL
|
|
||||||
contactName: '', // 联系人姓名
|
|
||||||
certType: '0', // 证件类型 目前只支持身份证 传值：0
|
|
||||||
contactPersonId: '', // 联系人身份证号
|
|
||||||
contactPersonIdStartDate: '', // 联系人证件有效期开始日期
|
|
||||||
contactPersonIdEndDate: '', // 联系人证件有效期结束日期
|
|
||||||
// 联系人身份证反面照片
|
|
||||||
contactIdCardBackPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 联系人身份证正面照片
|
|
||||||
contactIdCardFrontPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
contactPhone: '', // 联系人手机号
|
|
||||||
contactAddr: '', // 联系人地址
|
|
||||||
contactEmail: '', // 联系人电子邮箱
|
|
||||||
companyChildType: '1', // 企业类型，1：普通企业，2：事业单位，3：政府机关，4：社会组织 默认值:1
|
|
||||||
},
|
|
||||||
// 【必填】法人信息
|
|
||||||
legalPersonInfo: {
|
|
||||||
legalPersonName: '', // 法定代表人姓名
|
|
||||||
legalPersonId: '', // 法定代表人身份证号
|
|
||||||
legalIdPersonStartDate: '', // 法定代表人证件有效期开始日期
|
|
||||||
legalPersonIdEndDate: '', // 法定代表人证件有效期结束日期
|
|
||||||
legalPersonPhone: '', // 法定代表人手机号
|
|
||||||
legalPersonEmail: '', // 法定代表人电子邮箱
|
|
||||||
legalGender: '', // 法人性别（0男 1女）
|
|
||||||
legalAddress: '', // 法人联系地址
|
|
||||||
// 身份证手持 图片
|
|
||||||
idCardHandPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 身份证正面 图片
|
|
||||||
idCardFrontPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 身份证反面 图片
|
|
||||||
idCardBackPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// 【必填】营业执照信息
|
|
||||||
businessLicenceInfo: {
|
|
||||||
licenceName: '', // 营业执照全称--非小微必填
|
|
||||||
licenceNo: '', // 营业执照注册号--非小微必填
|
|
||||||
licenceStartDate: '', // 营业执照有效期开始日期--非小微必填
|
|
||||||
licenceEndDate: '', // 营业执照有效期结束日期--非小微必填
|
|
||||||
registeredAddress: '', // 注册地址--非小微必填
|
|
||||||
licensePic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// 【必填】门店信息
|
|
||||||
storeInfo: {
|
|
||||||
mercProvCode: '', // 【必填】商户归属省Code
|
|
||||||
mercCityCode: '', // 【必填】商户归属市Code
|
|
||||||
mercAreaCode: '', // 【必填】商户归属区Code
|
|
||||||
mercProv: '', // 商户归属省
|
|
||||||
mercCity: '', // 商户归属市
|
|
||||||
mercArea: '', // 商户归属区
|
|
||||||
businessAddress: '', // 【必填】 营业地址
|
|
||||||
// 经营场所内设照片
|
|
||||||
insidePic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 门头照
|
|
||||||
doorPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 收银台照
|
|
||||||
cashierDeskPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
},
|
|
||||||
// 【必填】结算信息
|
|
||||||
settlementInfo: {
|
|
||||||
settlementType: '1', // 结算类型 0:非法人结算, 1:法人结算
|
|
||||||
noLegalName: '', // 非法人姓名
|
|
||||||
noLegalId: '', // 非法人身份证号
|
|
||||||
settlementCardType: '', // 结算卡类型 必填 11 对私借记卡（结算卡正面照、结算卡反面照图片必传） 21 对公借记卡（只须结算卡正面照片）
|
|
||||||
settlementCardNo: '', // 结算卡号
|
|
||||||
settlementName: '', // 开户名称
|
|
||||||
bankMobile: '', // 结算银行预留手机号
|
|
||||||
openAccProvinceId: '', // 开户行省ID
|
|
||||||
openAccCityId: '', // 开户行市ID
|
|
||||||
openAccAreaId: '', // 开户行区ID
|
|
||||||
openAccProvince: '', // 开户行省
|
|
||||||
openAccCity: '', // 开户行市
|
|
||||||
openAccArea: '', // 开户行区
|
|
||||||
bankName: '', // 开户行别名名称 bankAlias
|
|
||||||
bankInstId: '', // 开户行缩写 bankCode
|
|
||||||
bankType: '', // 开户行编号 bankAliasCode
|
|
||||||
bankBranchName: '', // 支行开户行行别名称 branchName
|
|
||||||
bankBranchCode: '', // 支行开户行编号 bankCode
|
|
||||||
// 银行卡正面
|
|
||||||
bankCardFrontPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 银行卡反面
|
|
||||||
bankCardBackPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 开户许可证
|
|
||||||
openAccountLicencePic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 非法人手持结算授权书
|
|
||||||
noLegalHandSettleAuthPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 非法人结算授权书
|
|
||||||
noLegalSettleAuthPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 非法人身份证正面
|
|
||||||
noLegalIdCardFrontPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
// 非法人身份证反面
|
|
||||||
noLegalIdCardBackPic: {
|
|
||||||
url: '',
|
|
||||||
wechatId: '', // 微信图片ID
|
|
||||||
alipayId: '', // 支付宝图片ID
|
|
||||||
},
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
const rules = reactive({
|
|
||||||
'merchantBaseInfo.userType': [{ required: true, message: '请选择商户类型', trigger: 'change' }],
|
|
||||||
'merchantBaseInfo.shortName': [{ required: true, message: '请输入商户简称', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.mccCode': [{ required: true, message: '请输入行业类别码', trigger: 'change' }],
|
|
||||||
'merchantBaseInfo.alipayAccount': [{ required: true, message: '请输入支付宝账号', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.contactPersonId': [{ required: true, message: '请输入联系人身份证号', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.contactPersonIdStartDate': [{ required: true, message: '请选择联系人证件有效期开始日期', trigger: 'change' }],
|
|
||||||
'merchantBaseInfo.contactPersonIdEndDate': [{ required: true, message: '请选择联系人证件有效期结束日期', trigger: 'change' }],
|
|
||||||
'merchantBaseInfo.contactIdCardFrontPic.url': [{ required: true, message: '请上传联系人身份证正面照片', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.contactIdCardBackPic.url': [{ required: true, message: '请上传联系人身份证反面照片', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.contactPhone': [
|
|
||||||
{ required: true, message: '请输入联系人手机号', trigger: 'blur' },
|
|
||||||
{
|
|
||||||
validator: (rule: any, value: any, callback: any) => {
|
|
||||||
if (!isValidMobile(value)) {
|
|
||||||
callback(new Error('请输入正确的手机号'))
|
|
||||||
} else {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'merchantBaseInfo.contactAddr': [{ required: true, message: '请输入联系人地址', trigger: 'blur' }],
|
|
||||||
'merchantBaseInfo.contactEmail': [{ required: true, message: '请输入联系人电子邮箱', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.idCardHandPic.url': [{ required: true, message: '请上传身份证手持图片', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.idCardFrontPic.url': [{ required: true, message: '请上传身份证正面图片', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.idCardBackPic.url': [{ required: true, message: '请上传身份证反面图片', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalPersonName': [{ required: true, message: '请输入法定代表人姓名', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalPersonId': [{ required: true, message: '请输入法定代表人身份证号', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalIdPersonStartDate': [{ required: true, message: '请输入法定代表人身份证开始日期', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalPersonIdEndDate': [{ required: true, message: '请输入法定代表人身份证结束日期', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalPersonPhone': [
|
|
||||||
{ required: true, message: '请输入法定代表人手机号', trigger: 'blur' },
|
|
||||||
{
|
|
||||||
validator: (rule: any, value: any, callback: any) => {
|
|
||||||
if (!isValidMobile(value)) {
|
|
||||||
callback(new Error('请输入正确的手机号'))
|
|
||||||
} else {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'legalPersonInfo.legalPersonEmail': [{ required: true, message: '请输入法定代表人电子邮箱', trigger: 'blur' }],
|
|
||||||
'legalPersonInfo.legalGender': [{ required: true, message: '请选择法定代表人性别', trigger: 'change' }],
|
|
||||||
'legalPersonInfo.legalAddress': [{ required: true, message: '请输入法定代表人联系地址', trigger: 'blur' }],
|
|
||||||
// 营业执照信息
|
|
||||||
'businessLicenceInfo.licenceName': [{ required: true, message: '请输入营业执照全称', trigger: 'blur' }],
|
|
||||||
'businessLicenceInfo.licenceNo': [{ required: true, message: '请输入营业执照注册号', trigger: 'blur' }],
|
|
||||||
'businessLicenceInfo.licenceStartDate': [{ required: true, message: '请输入营业执照有效期开始日期', trigger: 'blur' }],
|
|
||||||
'businessLicenceInfo.licenceEndDate': [{ required: true, message: '请输入营业执照有效期结束日期', trigger: 'blur' }],
|
|
||||||
'businessLicenceInfo.registeredAddress': [{ required: true, message: '请输入注册地址', trigger: 'blur' }],
|
|
||||||
'businessLicenceInfo.licensePic.url': [{ required: true, message: '请上传营业执照照片', trigger: 'blur' }],
|
|
||||||
// 门店信息
|
|
||||||
'storeInfo.mercProvCode': [{ required: true, message: '请选择商户归属省市区', trigger: 'change' }],
|
|
||||||
'storeInfo.mercCityCode': [{ required: true, message: '请选择商户归属市', trigger: 'change' }],
|
|
||||||
'storeInfo.mercAreaCode': [{ required: true, message: '请选择商户归属区', trigger: 'change' }],
|
|
||||||
'storeInfo.businessAddress': [{ required: true, message: '请输入营业地址', trigger: 'blur' }],
|
|
||||||
'storeInfo.insidePic.url': [{ required: true, message: '请上传经营场所内设照片', trigger: 'blur' }],
|
|
||||||
'storeInfo.doorPic.url': [{ required: true, message: '请上传门头照', trigger: 'blur' }],
|
|
||||||
'storeInfo.cashierDeskPic.url': [{ required: true, message: '请上传收银台照', trigger: 'blur' }],
|
|
||||||
// 结算信息
|
|
||||||
'settlementInfo.settlementType': [{ required: true, message: '请选择结算类型', trigger: 'change' }],
|
|
||||||
'settlementInfo.settlementCardType': [{ required: true, message: '请选择结算卡类型', trigger: 'change' }],
|
|
||||||
'settlementInfo.settlementCardNo': [{ required: true, message: '请输入结算卡号', trigger: 'blur' }],
|
|
||||||
'settlementInfo.settlementName': [{ required: true, message: '请输入开户名称', trigger: 'blur' }],
|
|
||||||
'settlementInfo.bankMobile': [
|
|
||||||
{ required: true, message: '请输入结算银行预留手机号', trigger: 'blur' },
|
|
||||||
{
|
|
||||||
validator: (rule: any, value: any, callback: any) => {
|
|
||||||
if (!isValidMobile(value)) {
|
|
||||||
callback(new Error('请输入正确的手机号'))
|
|
||||||
} else {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'settlementInfo.openAccProvinceId': [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
validator: (rule: any, value: any, callback: any) => {
|
|
||||||
if (form.value.settlementInfo.openAccProvinceId == '' || form.value.settlementInfo.openAccCityId == '' || form.value.settlementInfo.openAccAreaId == '') {
|
|
||||||
callback(new Error('请选择开户行省市区'))
|
|
||||||
} else {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
trigger: 'change'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'settlementInfo.bankInstId': [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
validator: (rule: any, value: any, callback: any) => {
|
|
||||||
if (form.value.settlementInfo.bankInstId == '') {
|
|
||||||
callback(new Error('请选择开户行以及支行'))
|
|
||||||
} else {
|
|
||||||
callback()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
trigger: 'change'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'settlementInfo.bankCardFrontPic.url': [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请上传银行卡正面图片',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'settlementInfo.bankCardBackPic.url': [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请上传银行卡反面图片',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
'settlementInfo.openAccountLicencePic.url': [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请上传开户许可证图片',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
|
|
||||||
// 联系人身份证正面照片
|
|
||||||
const contactIdCardFrontPicUploadLoading = ref(false)
|
|
||||||
async function contactIdCardFrontPicUpload(url: string) {
|
|
||||||
try {
|
|
||||||
form.value.merchantBaseInfo.contactIdCardBackPic.alipayId = ''
|
|
||||||
form.value.merchantBaseInfo.contactIdCardBackPic.wechatId = ''
|
|
||||||
|
|
||||||
contactIdCardFrontPicUploadLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'IdCard'
|
|
||||||
})
|
|
||||||
|
|
||||||
let date = res.subImages[0].kvInfo.data.validPeriod.split('-')
|
|
||||||
form.value.merchantBaseInfo.contactPersonIdStartDate = dayjs(date[0]).format('YYYY-MM-DD')
|
|
||||||
form.value.merchantBaseInfo.contactPersonIdEndDate = dayjs(date[1]).format('YYYY-MM-DD')
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
contactIdCardFrontPicUploadLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 联系人身份证反面照片
|
|
||||||
const contactIdCardBackPicUploadLoading = ref(false)
|
|
||||||
async function contactIdCardBackPicUpload(url: any) {
|
|
||||||
try {
|
|
||||||
form.value.merchantBaseInfo.contactIdCardFrontPic.alipayId = ''
|
|
||||||
form.value.merchantBaseInfo.contactIdCardFrontPic.wechatId = ''
|
|
||||||
|
|
||||||
contactIdCardBackPicUploadLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'IdCard'
|
|
||||||
})
|
|
||||||
form.value.merchantBaseInfo.contactPersonId = res.subImages[0].kvInfo.data.idNumber
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
contactIdCardBackPicUploadLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 法人信息 身份证正面图片
|
|
||||||
const idCardFrontPicSuccessLoading = ref(false)
|
|
||||||
async function idCardFrontPicSuccess(url: string) {
|
|
||||||
try {
|
|
||||||
form.value.legalPersonInfo.idCardBackPic.alipayId = ''
|
|
||||||
form.value.legalPersonInfo.idCardBackPic.wechatId = ''
|
|
||||||
|
|
||||||
idCardFrontPicSuccessLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'IdCard'
|
|
||||||
})
|
|
||||||
|
|
||||||
let date = res.subImages[0].kvInfo.data.validPeriod.split('-')
|
|
||||||
form.value.legalPersonInfo.legalIdPersonStartDate = dayjs(date[0]).format('YYYY-MM-DD')
|
|
||||||
form.value.legalPersonInfo.legalPersonIdEndDate = dayjs(date[1]).format('YYYY-MM-DD')
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
idCardFrontPicSuccessLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 法人信息 身份证反图片
|
|
||||||
const idCardBackPicSuccessLoading = ref(false)
|
|
||||||
async function idCardBackPicSuccess(url: string) {
|
|
||||||
try {
|
|
||||||
form.value.legalPersonInfo.idCardFrontPic.alipayId = ''
|
|
||||||
form.value.legalPersonInfo.idCardFrontPic.wechatId = ''
|
|
||||||
|
|
||||||
idCardBackPicSuccessLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'IdCard'
|
|
||||||
})
|
|
||||||
|
|
||||||
form.value.legalPersonInfo.legalPersonName = res.subImages[0].kvInfo.data.name
|
|
||||||
form.value.legalPersonInfo.legalPersonId = res.subImages[0].kvInfo.data.idNumber
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
idCardBackPicSuccessLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 营业执照信息 营业执照照片
|
|
||||||
const licensePicSuccessLoading = ref(false)
|
|
||||||
async function licensePicSuccess(url: string) {
|
|
||||||
try {
|
|
||||||
form.value.businessLicenceInfo.licensePic.alipayId = ''
|
|
||||||
form.value.businessLicenceInfo.licensePic.wechatId = ''
|
|
||||||
|
|
||||||
licensePicSuccessLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'BusinessLicense'
|
|
||||||
})
|
|
||||||
let data = res.subImages[0].kvInfo.data
|
|
||||||
// console.log('营业执照照片', data);
|
|
||||||
form.value.businessLicenceInfo.licenceName = data.companyName
|
|
||||||
form.value.businessLicenceInfo.licenceNo = data.creditCode
|
|
||||||
// form.value.businessLicenceInfo.licenceStartDate = data.companyName
|
|
||||||
// form.value.businessLicenceInfo.licenceEndDate = data.companyName
|
|
||||||
form.value.businessLicenceInfo.registeredAddress = data.businessAddress
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
licensePicSuccessLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 结算信息 银行卡正面
|
|
||||||
const bankCardFrontPicSuccessLoading = ref(false)
|
|
||||||
async function bankCardFrontPicSuccess(url: string) {
|
|
||||||
try {
|
|
||||||
form.value.settlementInfo.bankCardFrontPic.alipayId = ''
|
|
||||||
form.value.settlementInfo.bankCardFrontPic.wechatId = ''
|
|
||||||
|
|
||||||
bankCardFrontPicSuccessLoading.value = true
|
|
||||||
const res: any = await getInfoByImg({
|
|
||||||
url: url,
|
|
||||||
type: 'BankCard'
|
|
||||||
})
|
|
||||||
let data = res.subImages[0].kvInfo.data
|
|
||||||
// console.log('银行卡正面', data);
|
|
||||||
form.value.settlementInfo.settlementCardNo = data.cardNumber
|
|
||||||
form.value.settlementInfo.bankName = data.bankName
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
bankCardFrontPicSuccessLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
const loading = ref(false)
|
|
||||||
function submitForm() {
|
|
||||||
console.log('提交的表单数据：', form.value);
|
|
||||||
console.log('formRef', formRef.value);
|
|
||||||
formRef.value.validate(async (valid: boolean) => {
|
|
||||||
console.log('valid===', valid);
|
|
||||||
if (valid) {
|
|
||||||
console.log('表单验证通过，可以提交');
|
|
||||||
try {
|
|
||||||
loading.value = true
|
|
||||||
await entryManagerPost(form.value)
|
|
||||||
ElNotification({
|
|
||||||
title: '注意',
|
|
||||||
message: '提交成功',
|
|
||||||
type: 'success'
|
|
||||||
})
|
|
||||||
router.back()
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
loading.value = false
|
|
||||||
} else {
|
|
||||||
console.log('表单验证失败，请检查输入项');
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.gyq_container {
|
|
||||||
padding: 14px;
|
|
||||||
|
|
||||||
.gyq_content {
|
|
||||||
padding: 14px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
padding-bottom: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tips {
|
|
||||||
--bg: #ffeed8;
|
|
||||||
font-size: 12px;
|
|
||||||
background-color: var(--bg);
|
|
||||||
color: #c57000;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding: 0 10px;
|
|
||||||
border-radius: 6px;
|
|
||||||
margin-top: 15px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
background-color: var(--bg);
|
|
||||||
border: 1px solid var(--bg);
|
|
||||||
border-radius: 4px;
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
top: -7px;
|
|
||||||
left: 40px;
|
|
||||||
transform-origin: center;
|
|
||||||
translate: -50% 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.title_row {
|
|
||||||
padding: 14px 50px;
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
width: 100%;
|
|
||||||
border-bottom: 1px solid #ececec;
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
top: 50%;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.t {
|
|
||||||
position: relative;
|
|
||||||
z-index: 2;
|
|
||||||
background-color: #fff;
|
|
||||||
padding: 0 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn_wrap {
|
|
||||||
width: 100%;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 10;
|
|
||||||
bottom: 10px;
|
|
||||||
padding-bottom: 24px;
|
|
||||||
|
|
||||||
.btn_content {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 14px;
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,165 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="center">
|
|
||||||
<el-select placeholder="请选择省" style="width: 100px" v-model="provCode" @change="provChange">
|
|
||||||
<el-option
|
|
||||||
v-for="item in provList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionId"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
placeholder="请选择市"
|
|
||||||
style="width: 100px"
|
|
||||||
:disabled="!provCode"
|
|
||||||
v-model="cityCode"
|
|
||||||
@change="cityChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in cityList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionId"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
<el-select
|
|
||||||
placeholder="请选择区"
|
|
||||||
style="width: 100px"
|
|
||||||
:disabled="!cityCode"
|
|
||||||
v-model="areaCode"
|
|
||||||
@change="areaChange"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in areaList"
|
|
||||||
:key="item.regionId"
|
|
||||||
:label="item.regionName"
|
|
||||||
:value="item.regionId"
|
|
||||||
/>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, watch } from "vue";
|
|
||||||
import { getRegion } from "@/api/common";
|
|
||||||
|
|
||||||
const provList = ref<any[]>([]);
|
|
||||||
const cityList = ref<any[]>([]);
|
|
||||||
const areaList = ref<any[]>([]);
|
|
||||||
|
|
||||||
const provCode = defineModel("provCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 监听省份code变化
|
|
||||||
watch(
|
|
||||||
provCode,
|
|
||||||
async (n, o) => {
|
|
||||||
await getRegionAjax();
|
|
||||||
if (n && n !== undefined) {
|
|
||||||
provChange(n, true);
|
|
||||||
|
|
||||||
// 监听市区code变化
|
|
||||||
watch(
|
|
||||||
cityCode,
|
|
||||||
async (n, o) => {
|
|
||||||
if (n !== undefined && n) {
|
|
||||||
cityChange(n, true);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true, // 可选：初始化立即执行，验证是否监听到初始值
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const cityCode = defineModel("cityCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const areaCode = defineModel("areaCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const prov = defineModel("prov", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const city = defineModel("city", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const area = defineModel("area", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const wxProvinceCode = defineModel("wxProvinceCode", {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 省份变化 e code isEcho是否回显
|
|
||||||
function provChange(e: string, isEcho: boolean = false) {
|
|
||||||
if (!isEcho) {
|
|
||||||
cityCode.value = "";
|
|
||||||
areaCode.value = "";
|
|
||||||
cityList.value = [];
|
|
||||||
areaList.value = [];
|
|
||||||
}
|
|
||||||
const provObj = provList.value.find((item) => item.regionId == e);
|
|
||||||
prov.value = provObj ? provObj.regionName : "";
|
|
||||||
if (provObj && provObj.children) {
|
|
||||||
cityList.value = provObj.children;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 市区变化
|
|
||||||
function cityChange(e: string, isEcho: boolean = false) {
|
|
||||||
if (!isEcho) {
|
|
||||||
areaCode.value = "";
|
|
||||||
areaList.value = [];
|
|
||||||
}
|
|
||||||
const cityObj = cityList.value.find((item) => item.regionId == e);
|
|
||||||
|
|
||||||
city.value = cityObj ? cityObj.regionName : "";
|
|
||||||
if (cityObj && cityObj.children) {
|
|
||||||
areaList.value = cityObj.children;
|
|
||||||
wxProvinceCode.value = cityObj.wxProvinceCode;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 区变化
|
|
||||||
function areaChange(e: string) {
|
|
||||||
const areaObj = areaList.value.find((item) => item.regionId == e);
|
|
||||||
area.value = areaObj ? areaObj.regionName : "";
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取省市区数据
|
|
||||||
async function getRegionAjax() {
|
|
||||||
try {
|
|
||||||
const res = await getRegion();
|
|
||||||
provList.value = res;
|
|
||||||
} catch (error) {
|
|
||||||
console.error("获取省市区数据失败：", error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 14px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,145 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="select_bank">
|
|
||||||
<!-- 银行 -->
|
|
||||||
<el-select v-model="bankInstId" placeholder="请选择银行，可搜索" style="width: 200px;" filterable remote
|
|
||||||
:remote-method="remoteGetBank" :loading="loading" remote-show-suffix @change="bankChange" :disabled="!province">
|
|
||||||
<el-option v-for="item in bankList" :key="item.bankAliasCode" :label="item.bankAlias" :value="item.bankCode" />
|
|
||||||
</el-select>
|
|
||||||
<!-- 支行 -->
|
|
||||||
<el-select v-model="bankBranchCode" placeholder="请选择支行" style="width: 200px;" :disabled="!bankInstId"
|
|
||||||
@change="bankBranchChange">
|
|
||||||
<el-option v-for="item in bankBranchList" :key="item.bank_branch_id" :label="item.bank_branch_name"
|
|
||||||
:value="item.bank_branch_id"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, watch } from "vue";
|
|
||||||
import { getBankInfo, getBankBranchList } from "@/api/common";
|
|
||||||
|
|
||||||
const loading = ref(false)
|
|
||||||
const bankNameValue = ref('')
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
province: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
city: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
cityCode: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
watch(() => props.cityCode, async (newValue, oldValue) => {
|
|
||||||
try {
|
|
||||||
// console.log('watch.props.cityCode===', `newValue=${newValue},oldValue=${oldValue}`);
|
|
||||||
await getBankInfoAjax()
|
|
||||||
if (newValue && newValue !== undefined) {
|
|
||||||
// 监听银行code变化
|
|
||||||
watch(bankInstId, (n, o) => {
|
|
||||||
if (n !== undefined && n) {
|
|
||||||
bankChange(n)
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
immediate: true // 可选：初始化立即执行，验证是否监听到初始值
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
const bankList = ref<Array<{ id: string; bankAlias: string, bankCode: string, bankAliasCode: string, accountBank: string }>>([]);
|
|
||||||
|
|
||||||
const bankInstId = defineModel('bankInstId', {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
const bankName = defineModel('bankName', {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
})
|
|
||||||
|
|
||||||
// 选择银行
|
|
||||||
function bankChange(e: any) {
|
|
||||||
let obj = bankList.value.find(item => item.bankCode == e)
|
|
||||||
if (obj && obj.id) {
|
|
||||||
bankName.value = obj.accountBank
|
|
||||||
bankInstId.value = obj.bankCode
|
|
||||||
getBankBranchListAjax(obj.bankAliasCode)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 支行开户行编号 bankCode
|
|
||||||
const bankBranchCode = defineModel('bankBranchCode', {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
})
|
|
||||||
|
|
||||||
// 支行开户行行别名称 branchName
|
|
||||||
const bankBranchName = defineModel('bankBranchName', {
|
|
||||||
type: String,
|
|
||||||
default: "",
|
|
||||||
})
|
|
||||||
|
|
||||||
// 选择支行
|
|
||||||
function bankBranchChange(e: string) {
|
|
||||||
let obj = bankBranchList.value.find(item => item.bank_branch_id == e)
|
|
||||||
if (obj && obj.bank_branch_id) {
|
|
||||||
bankBranchName.value = obj.bank_branch_name
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 支行列表
|
|
||||||
const bankBranchList = ref<Array<{ bank_branch_id: string; bank_branch_name: string }>>([]);
|
|
||||||
async function getBankBranchListAjax(bankAliasCode: string) {
|
|
||||||
try {
|
|
||||||
const res: any = await getBankBranchList({
|
|
||||||
bankAliceCode: bankAliasCode,
|
|
||||||
cityCode: props.cityCode
|
|
||||||
})
|
|
||||||
bankBranchList.value = res.data
|
|
||||||
} catch (error) {
|
|
||||||
console.log('', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 远程搜索
|
|
||||||
function remoteGetBank(query: string) {
|
|
||||||
if (query) {
|
|
||||||
bankNameValue.value = query
|
|
||||||
getBankInfoAjax()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取银行列表
|
|
||||||
async function getBankInfoAjax() {
|
|
||||||
try {
|
|
||||||
loading.value = true
|
|
||||||
const res: any = await getBankInfo({
|
|
||||||
page: 1,
|
|
||||||
size: 100,
|
|
||||||
bankName: bankNameValue.value
|
|
||||||
});
|
|
||||||
bankList.value = res.records || [];
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
loading.value = false
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.select_bank {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 14px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-cascader v-model="modelValue" placeholder="请选择类目" filterable :options="options" :props="props"
|
|
||||||
style="width: 300px;"></el-cascader>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted } from 'vue'
|
|
||||||
import { getCategory } from '@/api/common'
|
|
||||||
|
|
||||||
const modelValue = defineModel({
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
})
|
|
||||||
|
|
||||||
const options = ref([])
|
|
||||||
|
|
||||||
const props = ref({
|
|
||||||
children: 'child',
|
|
||||||
emitPath: false
|
|
||||||
})
|
|
||||||
|
|
||||||
// 获取类目
|
|
||||||
async function getCategoryAjax() {
|
|
||||||
try {
|
|
||||||
const res = await getCategory()
|
|
||||||
res.map(item => {
|
|
||||||
item.label = item.firstCategory
|
|
||||||
item.child.map(val => {
|
|
||||||
val.label = `${val.secondCategory}`
|
|
||||||
val.value = `${val.firstCategoryCode}_${val.secondCategoryCode}`
|
|
||||||
})
|
|
||||||
})
|
|
||||||
options.value = res
|
|
||||||
console.log('options.value', options.value);
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getCategoryAjax()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
@@ -1,162 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog title="请选择用户" width="1000px" v-model="visible">
|
|
||||||
<div class="content">
|
|
||||||
<el-form :model="queryForm" inline>
|
|
||||||
<!-- <el-form-item>
|
|
||||||
<el-input v-model="queryForm.no" placeholder="请输入商户号" />
|
|
||||||
</el-form-item> -->
|
|
||||||
<el-form-item>
|
|
||||||
<el-input v-model="queryForm.shopName" placeholder="请输入商户名称" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="Search" :loading="tableData.loading" @click="searchHandle">查询</el-button>
|
|
||||||
<el-button icon="Refresh" :loading="tableData.loading" @click="resetHandle">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table :data="tableData.list" v-loading="tableData.loading" stripe border
|
|
||||||
style="width: 100%; margin-top: 20px;">
|
|
||||||
<el-table-column label="商户名称" prop="shopName"></el-table-column>
|
|
||||||
<el-table-column label="联系人姓名" prop="contactName"></el-table-column>
|
|
||||||
<el-table-column label="联系人电话" prop="phone"></el-table-column>
|
|
||||||
<el-table-column label="店铺类型" prop="shopType" width="100">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tag :type="typeFilter(scope.row.shopType).type">{{ typeFilter(scope.row.shopType).label }}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="操作" width="100">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-button type="primary" @click="selectHandle(scope.row)">选择</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<div class="row mt14">
|
|
||||||
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
|
||||||
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- <template #footer>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<el-button @click="visible = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="">确定</el-button>
|
|
||||||
</div>
|
|
||||||
</template> -->
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, reactive, onMounted } from "vue";
|
|
||||||
import ShopApi from "@/api/account/shop";
|
|
||||||
|
|
||||||
// 店铺类型过滤器
|
|
||||||
type TagType = 'primary' | 'success' | 'danger' | 'info' | 'warning';
|
|
||||||
function typeFilter(shopType: string): { value: string; label: string; type: TagType } {
|
|
||||||
const typs: Array<{ value: string; label: string; type: TagType }> = [
|
|
||||||
{
|
|
||||||
value: 'only',
|
|
||||||
label: '单店',
|
|
||||||
type: 'primary'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'chain',
|
|
||||||
label: '连锁',
|
|
||||||
type: 'success'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'join',
|
|
||||||
label: '加盟',
|
|
||||||
type: 'danger'
|
|
||||||
}
|
|
||||||
];
|
|
||||||
|
|
||||||
const obj = typs.find(item => item.value === shopType);
|
|
||||||
return obj ? obj : { value: shopType, label: shopType, type: 'info' };
|
|
||||||
}
|
|
||||||
|
|
||||||
const visible = ref(false);
|
|
||||||
|
|
||||||
const queryForm = ref({
|
|
||||||
shopName: "",
|
|
||||||
});
|
|
||||||
|
|
||||||
// 分页大小发生变化
|
|
||||||
function handleSizeChange(e: number) {
|
|
||||||
tableData.size = e;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 分页发生变化
|
|
||||||
function handleCurrentChange(e: number) {
|
|
||||||
tableData.page = e;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查询
|
|
||||||
function searchHandle() {
|
|
||||||
tableData.page = 1;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 重置
|
|
||||||
function resetHandle() {
|
|
||||||
queryForm.value.shopName = "";
|
|
||||||
tableData.page = 1;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
const tableData = reactive({
|
|
||||||
loading: false,
|
|
||||||
page: 1,
|
|
||||||
size: 10,
|
|
||||||
total: 0,
|
|
||||||
list: [],
|
|
||||||
});
|
|
||||||
|
|
||||||
// 获取店铺列表
|
|
||||||
async function getTableData() {
|
|
||||||
try {
|
|
||||||
tableData.loading = true;
|
|
||||||
const res: any = await ShopApi.getList({
|
|
||||||
page: tableData.page,
|
|
||||||
size: tableData.size,
|
|
||||||
shopName: queryForm.value.shopName,
|
|
||||||
});
|
|
||||||
tableData.list = res.records;
|
|
||||||
tableData.total = res.totalRow;
|
|
||||||
} catch (err) {
|
|
||||||
console.error(err);
|
|
||||||
} finally {
|
|
||||||
tableData.loading = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const emits = defineEmits<{
|
|
||||||
(e: 'success', row: any): void;
|
|
||||||
}>();
|
|
||||||
|
|
||||||
function selectHandle(row: any) {
|
|
||||||
console.log("选择商户：", row);
|
|
||||||
emits('success', row);
|
|
||||||
visible.value = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function show() {
|
|
||||||
visible.value = true;
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({
|
|
||||||
show,
|
|
||||||
});
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getTableData();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,63 +0,0 @@
|
|||||||
<template>
|
|
||||||
<el-dialog title="签约码" width="350px" v-model="visible">
|
|
||||||
<div class="wrap">
|
|
||||||
<el-image :src="srcUrl" style="width: 200px;height: 200px;"></el-image>
|
|
||||||
<el-text>请前往{{ type == 1 ? '支付宝' : '微信' }}进行扫码</el-text>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref } from 'vue'
|
|
||||||
import QRCode from 'qrcode'
|
|
||||||
|
|
||||||
const visible = ref(false)
|
|
||||||
|
|
||||||
const srcUrl = ref('')
|
|
||||||
const type = ref(1)
|
|
||||||
|
|
||||||
// 手动生成二维码
|
|
||||||
async function generateQrcode(text) {
|
|
||||||
try {
|
|
||||||
// 生成 Base64 格式的二维码图片
|
|
||||||
const base64 = await QRCode.toDataURL(text, {
|
|
||||||
width: 200,
|
|
||||||
margin: 1,
|
|
||||||
color: {
|
|
||||||
dark: '#000',
|
|
||||||
light: '#fff'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
url.value = base64
|
|
||||||
} catch (err) {
|
|
||||||
console.error('生成二维码失败：', err)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 显示二维码弹窗
|
|
||||||
function show(url, t) {
|
|
||||||
// console.log(url);
|
|
||||||
visible.value = true
|
|
||||||
type.value = t
|
|
||||||
if (t == 2) {
|
|
||||||
srcUrl.value = url
|
|
||||||
} else {
|
|
||||||
generateQrcode(url)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
defineExpose({
|
|
||||||
show
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.wrap {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 14px;
|
|
||||||
padding-bottom: 24px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,312 +0,0 @@
|
|||||||
<!-- 进件管理 -->
|
|
||||||
<template>
|
|
||||||
<div class="gyq_container">
|
|
||||||
<div class="gyq_content">
|
|
||||||
<div class="row">
|
|
||||||
<el-form :model="queryForm" inline>
|
|
||||||
<el-form-item label="商户类型">
|
|
||||||
<el-select v-model="queryForm.userType" style="width: 200px;">
|
|
||||||
<el-option v-for="item in userTypeList" :key="item.value" :label="item.label"
|
|
||||||
:value="item.value"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="店铺名称">
|
|
||||||
<el-input style="width: 200px;" v-model="queryForm.shopName" placeholder="请输入店铺名称"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="进件状态">
|
|
||||||
<el-select v-model="queryForm.status" style="width: 200px;">
|
|
||||||
<el-option v-for="item in statusList" :key="item.value" :label="item.label"
|
|
||||||
:value="item.value"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="支付宝账号">
|
|
||||||
<el-input style="width: 200px;" v-model="queryForm.alipayAccount" placeholder="请输入支付宝账号"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="Search" :loading="tableData.loading" @click="queryHandle">查询</el-button>
|
|
||||||
<el-button icon="Refresh" :loading="tableData.loading" @click="resetHandle">重置</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<el-button type="primary" icon="Plus" @click="selectShopsDialogRef?.show()">发起进件</el-button>
|
|
||||||
</div>
|
|
||||||
<div class="row mt14">
|
|
||||||
<el-table :data="tableData.list" v-loading="tableData.loading" stripe border>
|
|
||||||
<el-table-column label="商户号" prop="merchantCode" width="200"></el-table-column>
|
|
||||||
<el-table-column label="商户简称" prop="shortName" width="150"></el-table-column>
|
|
||||||
<el-table-column label="商户类型" prop="userType" width="120">
|
|
||||||
<template v-slot="scope">
|
|
||||||
{{ userTypeListFilter(scope.row.userType).label }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="绑定店铺名称" prop="shopName" width="200"></el-table-column>
|
|
||||||
<el-table-column label="支付宝进件状态" prop="alipayStatus" min-width="200">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div class="column">
|
|
||||||
<div>
|
|
||||||
<el-tag :type="statusListFilter(scope.row.alipayStatus).type" disable-transitions>{{
|
|
||||||
statusListFilter(scope.row.alipayStatus).label }}</el-tag>
|
|
||||||
</div>
|
|
||||||
<div class="error_text" v-if="scope.row.alipayStatus == 'REJECTED'">
|
|
||||||
{{ scope.row.alipayErrorMsg }}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<el-link type="primary" v-if="scope.row.alipayStatus == 'SIGN '"
|
|
||||||
@click="singCodeDialogRef?.show(scope.row.alipaySignUrl, 1)">查看签约码</el-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="微信进件状态" prop="wechatStatus" min-width="200">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<div class="column">
|
|
||||||
<div>
|
|
||||||
<el-tag :type="statusListFilter(scope.row.wechatStatus).type" disable-transitions>{{
|
|
||||||
statusListFilter(scope.row.wechatStatus).label }}</el-tag>
|
|
||||||
</div>
|
|
||||||
<div class="error_text" v-if="scope.row.wechatStatus == 'REJECTED'">
|
|
||||||
{{ scope.row.wechatErrorMsg }}
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<el-link type="primary" v-if="scope.row.wechatStatus == 'SIGN'"
|
|
||||||
@click="singCodeDialogRef?.show(scope.row.wechatSignUrl, 2)">查看签约码</el-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column label="更新时间" prop="updateTime" width="200"></el-table-column>
|
|
||||||
<el-table-column label="创建时间" prop="createTime" width="200"></el-table-column>
|
|
||||||
<el-table-column label="操作" fixed="right" width="160">
|
|
||||||
<template v-slot="scope">
|
|
||||||
<el-button link type="primary"
|
|
||||||
v-if="scope.row.wechatStatus == 'INIT' || scope.row.wechatStatus == 'AUDIT' || scope.row.wechatStatus == 'SIGN' || scope.row.alipayStatus == 'INIT' || scope.row.alipayStatus == 'AUDIT' || scope.row.alipayStatus == 'SIGN'"
|
|
||||||
@click="checkStatusHandle(scope.row)">查询</el-button>
|
|
||||||
<el-button link type="primary" @click="toDetail(scope.row, 'check')">详情</el-button>
|
|
||||||
<el-button link type="primary" @click="toDetail(scope.row, 'editor')"
|
|
||||||
v-if="scope.row.alipayStatus == 'REJECTED' || scope.row.wechatStatus == 'REJECTED'">修改</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</div>
|
|
||||||
<div class="row mt14">
|
|
||||||
<el-pagination v-model:current-page="tableData.page" v-model:page-size="tableData.size"
|
|
||||||
:page-sizes="[10, 30, 50, 100]" background layout="total, sizes, prev, pager, next, jumper"
|
|
||||||
:total="tableData.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 选择商户 -->
|
|
||||||
<selectShopsDialog ref="selectShopsDialogRef" @success="selectSuccessHandle" />
|
|
||||||
<!-- 显示签约码 -->
|
|
||||||
<singCodeDialog ref="singCodeDialogRef" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive, onMounted } from "vue";
|
|
||||||
import { useRouter } from 'vue-router';
|
|
||||||
import selectShopsDialog from "./components/selectShopsDialog.vue";
|
|
||||||
import singCodeDialog from "./components/singCodeDialog.vue";
|
|
||||||
import { entryManagerList, queryEntry } from '@/api/common'
|
|
||||||
|
|
||||||
const singCodeDialogRef = ref(null)
|
|
||||||
|
|
||||||
const router = useRouter();
|
|
||||||
|
|
||||||
const selectShopsDialogRef = ref(null);
|
|
||||||
|
|
||||||
// 选择商户成功回调
|
|
||||||
function selectSuccessHandle(shop) {
|
|
||||||
console.log('选择的商户：', shop);
|
|
||||||
router.push({ name: 'applyment_in', query: { shopId: shop.id } });
|
|
||||||
}
|
|
||||||
|
|
||||||
const userTypeList = ref([
|
|
||||||
{
|
|
||||||
value: '0',
|
|
||||||
label: '个体商户'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '1',
|
|
||||||
label: '企业商户'
|
|
||||||
},
|
|
||||||
])
|
|
||||||
|
|
||||||
function userTypeListFilter(userType) {
|
|
||||||
let obj = userTypeList.value.find(item => item.value == userType)
|
|
||||||
if (obj) {
|
|
||||||
return obj
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
label: userType,
|
|
||||||
value: userType
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const statusList = ref([
|
|
||||||
{
|
|
||||||
value: 'WAIT',
|
|
||||||
label: '待提交',
|
|
||||||
type: 'info'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'INIT',
|
|
||||||
label: '待处理',
|
|
||||||
type: 'info'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'AUDIT',
|
|
||||||
label: '待审核',
|
|
||||||
type: 'warning'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'SIGN',
|
|
||||||
label: '待签约',
|
|
||||||
type: 'primary'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'FINISH',
|
|
||||||
label: '已完成',
|
|
||||||
type: 'success'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'REJECTED',
|
|
||||||
label: '失败',
|
|
||||||
type: 'danger'
|
|
||||||
},
|
|
||||||
])
|
|
||||||
|
|
||||||
function statusListFilter(status) {
|
|
||||||
let obj = statusList.value.find(item => item.value == status)
|
|
||||||
if (obj) {
|
|
||||||
return obj
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
label: status,
|
|
||||||
value: status
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const queryForm = ref({
|
|
||||||
userType: '',
|
|
||||||
shopName: '',
|
|
||||||
status: '',
|
|
||||||
alipayAccount: ''
|
|
||||||
});
|
|
||||||
|
|
||||||
function queryHandle() {
|
|
||||||
tableData.page = 1
|
|
||||||
getTableData()
|
|
||||||
}
|
|
||||||
|
|
||||||
function resetHandle() {
|
|
||||||
queryForm.value.userType = ''
|
|
||||||
queryForm.value.shopName = ''
|
|
||||||
queryForm.value.status = ''
|
|
||||||
queryForm.value.alipayAccount = ''
|
|
||||||
queryHandle()
|
|
||||||
}
|
|
||||||
|
|
||||||
const tableData = reactive({
|
|
||||||
loading: false,
|
|
||||||
page: 1,
|
|
||||||
size: 10,
|
|
||||||
total: 0,
|
|
||||||
list: [],
|
|
||||||
})
|
|
||||||
|
|
||||||
// 分页大小发生变化
|
|
||||||
function handleSizeChange(e) {
|
|
||||||
tableData.size = e;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 分页发生变化
|
|
||||||
function handleCurrentChange(e) {
|
|
||||||
tableData.page = e;
|
|
||||||
getTableData();
|
|
||||||
}
|
|
||||||
|
|
||||||
// 查询状态
|
|
||||||
async function checkStatusHandle(row) {
|
|
||||||
try {
|
|
||||||
tableData.loading = true
|
|
||||||
const businessLicenceInfo = JSON.parse(row.businessLicenceInfo)
|
|
||||||
await queryEntry({
|
|
||||||
shopId: row.shopId,
|
|
||||||
licenceNo: businessLicenceInfo.licenceNo
|
|
||||||
})
|
|
||||||
getTableData()
|
|
||||||
} catch (error) {
|
|
||||||
tableData.loading = false
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取表格数据
|
|
||||||
async function getTableData() {
|
|
||||||
try {
|
|
||||||
tableData.loading = true
|
|
||||||
const res = await entryManagerList({
|
|
||||||
page: tableData.page,
|
|
||||||
size: tableData.size,
|
|
||||||
...queryForm.value
|
|
||||||
})
|
|
||||||
tableData.list = res.records
|
|
||||||
tableData.total = res.totalRow
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
setTimeout(() => {
|
|
||||||
tableData.loading = false;
|
|
||||||
}, 300);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 跳转编辑页面
|
|
||||||
function toDetail(row, type) {
|
|
||||||
const businessLicenceInfo = JSON.parse(row.businessLicenceInfo)
|
|
||||||
router.push({
|
|
||||||
name: 'applyment_in',
|
|
||||||
query: {
|
|
||||||
shopId: row.shopId,
|
|
||||||
licenceNo: businessLicenceInfo.licenceNo,
|
|
||||||
type: type
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
getTableData()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.gyq_container {
|
|
||||||
padding: 14px;
|
|
||||||
|
|
||||||
.gyq_content {
|
|
||||||
padding: 14px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.error_text {
|
|
||||||
font-size: 14px;
|
|
||||||
color: var(--el-color-danger);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,71 +0,0 @@
|
|||||||
<!-- 选择商户以及进件渠道 -->
|
|
||||||
<template>
|
|
||||||
<div class="gyq_container">
|
|
||||||
<div class="gyq_content">
|
|
||||||
<div class="row">
|
|
||||||
<el-form :model="queryForm" inline>
|
|
||||||
<el-form-item label="请选择用户">
|
|
||||||
<el-input placeholder="用户号/名称/手机号" readonly @click="selectShopsDialogRef?.show()"
|
|
||||||
v-model="queryForm.shopName">
|
|
||||||
<template #suffix>
|
|
||||||
<div class="center">
|
|
||||||
<el-icon v-if="queryForm.shopName" @click.stop="queryForm.shopName = ''">
|
|
||||||
<CircleCloseFilled />
|
|
||||||
</el-icon>
|
|
||||||
<el-icon @click="selectShopsDialogRef?.show()" style="cursor: pointer;">
|
|
||||||
<Search />
|
|
||||||
</el-icon>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="Plus">新增用户</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<selectShopsDialog ref="selectShopsDialogRef" @success="selectShopSuccess" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { ref, reactive } from "vue";
|
|
||||||
import selectShopsDialog from "./components/selectShopsDialog.vue";
|
|
||||||
|
|
||||||
const selectShopsDialogRef = ref<InstanceType<typeof selectShopsDialog> | null>(null);
|
|
||||||
|
|
||||||
const queryForm = ref({
|
|
||||||
shopName: ""
|
|
||||||
});
|
|
||||||
|
|
||||||
// 选择商户成功回调
|
|
||||||
function selectShopSuccess(shop: any) {
|
|
||||||
console.log('选择的商户：', shop);
|
|
||||||
queryForm.value.shopName = shop.shopName;
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.gyq_container {
|
|
||||||
padding: 14px;
|
|
||||||
|
|
||||||
.gyq_content {
|
|
||||||
padding: 14px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -74,7 +74,8 @@ const accountList = reactive([
|
|||||||
{ username: "19107220837", type: 'danger', label: '快乐时光店铺' },
|
{ username: "19107220837", type: 'danger', label: '快乐时光店铺' },
|
||||||
{ username: "18199991111", type: 'success', label: '草莓加盟主店可直接管理' },
|
{ username: "18199991111", type: 'success', label: '草莓加盟主店可直接管理' },
|
||||||
{ username: "18821670757", type: 'primary', label: '强盛集团' },
|
{ username: "18821670757", type: 'primary', label: '强盛集团' },
|
||||||
{ username: "19112345678", type: 'danger', label: '酸橘子·云贵小馆' },
|
{ username: "19107220837", type: 'warning', label: '万维时光' },
|
||||||
|
{ username: "19112345678", type: 'success', label: '酸橘子·云贵小馆' },
|
||||||
]);
|
]);
|
||||||
|
|
||||||
// 快捷模拟登录
|
// 快捷模拟登录
|
||||||
|
|||||||
@@ -233,7 +233,7 @@ import shopExtendApi from "@/api/account/shopExtend";
|
|||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
tableActive: "ticket_logo",
|
tableActive: "",
|
||||||
tableData: [],
|
tableData: [],
|
||||||
selectItem: {},
|
selectItem: {},
|
||||||
imageUrl: "",
|
imageUrl: "",
|
||||||
@@ -248,10 +248,7 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
// 刷新列表数据
|
// 刷新列表数据
|
||||||
async doSubmit() {
|
async doSubmit() {
|
||||||
// console.log('this.selectItem.value', this.selectItem.value);
|
this.selectItem.value = JSON.stringify(this.imgList)
|
||||||
// return
|
|
||||||
|
|
||||||
// this.selectItem.value = JSON.stringify(this.imgList)
|
|
||||||
await shopExtendApi.edit({
|
await shopExtendApi.edit({
|
||||||
...this.selectItem,
|
...this.selectItem,
|
||||||
autokey: this.selectItem.autoKey,
|
autokey: this.selectItem.autoKey,
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ export const statusOptions: statusOptions[] = [
|
|||||||
{ label: "订单完成", value: "done" },
|
{ label: "订单完成", value: "done" },
|
||||||
{ label: "申请退单", value: "refunding" },
|
{ label: "申请退单", value: "refunding" },
|
||||||
{ label: "退单", value: "refund" },
|
{ label: "退单", value: "refund" },
|
||||||
{ label: "部分退单", value: "part-refund" },
|
{ label: "部分退单", value: "part_refund" },
|
||||||
{ label: "取消订单", value: "cancelled" },
|
{ label: "取消订单", value: "cancelled" },
|
||||||
];
|
];
|
||||||
|
|
||||||
@@ -78,6 +78,7 @@ export const options: { [key in optionsType]: options[] } = {
|
|||||||
{ label: '支付宝小程序', value: 'ALI' },
|
{ label: '支付宝小程序', value: 'ALI' },
|
||||||
{ label: '收银机客户端', value: 'PC' },
|
{ label: '收银机客户端', value: 'PC' },
|
||||||
{ label: '收款码', value: 'H5' },
|
{ label: '收款码', value: 'H5' },
|
||||||
|
{ label: 'PAD点餐宝', value: 'PAD' },
|
||||||
],
|
],
|
||||||
sendType: [
|
sendType: [
|
||||||
{ label: '快递', value: 'post' },
|
{ label: '快递', value: 'post' },
|
||||||
|
|||||||
@@ -1,72 +1,31 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<el-dialog :title="state.form.id ? '编辑店铺' : '添加店铺'" v-model="state.dialogVisible" @close="reset">
|
||||||
<el-dialog
|
|
||||||
:title="state.form.id ? '编辑店铺' : '添加店铺'"
|
|
||||||
v-model="state.dialogVisible"
|
|
||||||
@close="reset"
|
|
||||||
>
|
|
||||||
<div style="height: 50vh; overflow-y: auto">
|
<div style="height: 50vh; overflow-y: auto">
|
||||||
<el-form
|
<el-form ref="refForm" :model="state.form" :rules="state.rules" label-width="120px" label-position="left">
|
||||||
ref="refForm"
|
|
||||||
:model="state.form"
|
|
||||||
:rules="state.rules"
|
|
||||||
label-width="120px"
|
|
||||||
label-position="left"
|
|
||||||
>
|
|
||||||
<el-form-item label="店铺名称" prop="shopName">
|
<el-form-item label="店铺名称" prop="shopName">
|
||||||
<el-input v-model="state.form.shopName" placeholder="请输入门店名称"></el-input>
|
<el-input v-model="state.form.shopName" placeholder="请输入门店名称"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="店铺类型">
|
<el-form-item label="店铺类型">
|
||||||
<el-radio-group
|
<el-radio-group v-model="state.form.shopType" :disabled="state.isEdit || state.type == 'addBranch'">
|
||||||
v-model="state.form.shopType"
|
|
||||||
:disabled="state.isEdit || state.type == 'addBranch'"
|
|
||||||
>
|
|
||||||
<el-radio-button value="only">单店</el-radio-button>
|
<el-radio-button value="only">单店</el-radio-button>
|
||||||
<el-radio-button value="chain">连锁店</el-radio-button>
|
<el-radio-button value="chain">连锁店</el-radio-button>
|
||||||
<el-radio-button value="join">加盟店</el-radio-button>
|
<el-radio-button value="join">加盟店</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<div class="tips">
|
<div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
|
||||||
<el-alert
|
|
||||||
title="请谨慎修改"
|
|
||||||
type="warning"
|
|
||||||
size="7"
|
|
||||||
effect="dark"
|
|
||||||
show-icon
|
|
||||||
:closable="false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="是否为主店" prop="isHeadShop" v-if="state.form.shopType != 'only'">
|
<el-form-item label="是否为主店" prop="isHeadShop" v-if="state.form.shopType != 'only'">
|
||||||
<el-radio-group
|
<el-radio-group v-model="state.form.isHeadShop" @change=" state.form.mainId = ''" :disabled="state.isEdit || state.type == 'addBranch'">
|
||||||
v-model="state.form.isHeadShop"
|
|
||||||
@change="state.form.mainId = ''"
|
|
||||||
:disabled="state.isEdit || state.type == 'addBranch'"
|
|
||||||
>
|
|
||||||
<el-radio :value="1">是</el-radio>
|
<el-radio :value="1">是</el-radio>
|
||||||
<el-radio :value="0">否</el-radio>
|
<el-radio :value="0">否</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item
|
<el-form-item label="选择主店" prop="mainId" v-if="state.form.isHeadShop == '0'&&state.form.shopType != 'only'">
|
||||||
label="选择主店"
|
|
||||||
prop="mainId"
|
|
||||||
v-if="state.form.isHeadShop == '0' && state.form.shopType != 'only'"
|
|
||||||
>
|
|
||||||
<!-- <el-form-item label="主店账号" prop="mainId" v-if="state.form.shopType != 'only'"> -->
|
<!-- <el-form-item label="主店账号" prop="mainId" v-if="state.form.shopType != 'only'"> -->
|
||||||
<el-select
|
<el-select v-model="state.form.mainId" placeholder="请选择主店铺" filterable reserve-keyword
|
||||||
v-model="state.form.mainId"
|
:remote-method="getTableData" :loading="state.shopListLoading" :disabled="state.isEdit || state.type == 'addBranch'">
|
||||||
placeholder="请选择主店铺"
|
<el-option v-for="item in state.shopList" :label="`${item.shopName}`" :value="item.id"
|
||||||
filterable
|
:key="item.id"></el-option>
|
||||||
reserve-keyword
|
|
||||||
:remote-method="getTableData"
|
|
||||||
:loading="state.shopListLoading"
|
|
||||||
:disabled="state.isEdit || state.type == 'addBranch'"
|
|
||||||
>
|
|
||||||
<el-option
|
|
||||||
v-for="item in state.shopList"
|
|
||||||
:label="`${item.shopName}`"
|
|
||||||
:value="item.id"
|
|
||||||
:key="item.id"
|
|
||||||
></el-option>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="连锁店扩展店名">
|
<el-form-item label="连锁店扩展店名">
|
||||||
@@ -83,32 +42,16 @@
|
|||||||
<el-radio-button value="before">先付费</el-radio-button>
|
<el-radio-button value="before">先付费</el-radio-button>
|
||||||
<el-radio-button value="after">后付费</el-radio-button>
|
<el-radio-button value="after">后付费</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<div class="tips">
|
<div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
|
||||||
<el-alert
|
|
||||||
title="请谨慎修改"
|
|
||||||
type="warning"
|
|
||||||
size="7"
|
|
||||||
effect="dark"
|
|
||||||
show-icon
|
|
||||||
:closable="false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="管理方式" v-if="state.form.shopType != 'only'">
|
<el-form-item label="管理方式" v-if="state.form.shopType != 'only'">
|
||||||
<el-radio-group v-model="state.form.tubeType">
|
<el-radio-group v-model="state.form.tubeType">
|
||||||
<el-radio-button :value="0">不可直接管理</el-radio-button>
|
<el-radio-button :value="0">不可直接管理</el-radio-button>
|
||||||
<el-radio-button :value="1">直接管理</el-radio-button>
|
<el-radio-button :value="1">直接管理</el-radio-button>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<div class="tips">
|
<div class="tips"><el-alert title="请谨慎修改" type="warning" size="7" effect="dark" show-icon :closable="false"/></div>
|
||||||
<el-alert
|
|
||||||
title="请谨慎修改"
|
|
||||||
type="warning"
|
|
||||||
size="7"
|
|
||||||
effect="dark"
|
|
||||||
show-icon
|
|
||||||
:closable="false"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="试用/正式">
|
<el-form-item label="试用/正式">
|
||||||
<el-radio-group v-model="state.form.profiles">
|
<el-radio-group v-model="state.form.profiles">
|
||||||
@@ -124,58 +67,20 @@
|
|||||||
<el-input v-model="state.form.accountName" placeholder="请输入登录账号"></el-input>
|
<el-input v-model="state.form.accountName" placeholder="请输入登录账号"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="登录密码" prop="password" v-if="!state.form.id">
|
<el-form-item label="登录密码" prop="password" v-if="!state.form.id">
|
||||||
<el-input
|
<el-input type="password" show-password v-model="state.form.accountPwd" placeholder="请输入登录密码"></el-input>
|
||||||
type="password"
|
|
||||||
show-password
|
|
||||||
v-model="state.form.accountPwd"
|
|
||||||
placeholder="请输入登录密码"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="联系电话" prop="phone">
|
<el-form-item label="联系电话" prop="phone">
|
||||||
<el-input v-model="state.form.phone" placeholder="请输入联系电话"></el-input>
|
<el-input v-model="state.form.phone" placeholder="请输入联系电话"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="设备数量">
|
<el-form-item label="设备数量">
|
||||||
<el-input-number
|
<el-input-number v-model="state.form.supportDeviceNumber" controls-position="right" :min="1" :step="1"
|
||||||
v-model="state.form.supportDeviceNumber"
|
step-strictly></el-input-number>
|
||||||
controls-position="right"
|
|
||||||
:min="1"
|
|
||||||
:step="1"
|
|
||||||
step-strictly
|
|
||||||
></el-input-number>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item label="外卖起送金额">
|
<!-- <el-form-item label="外卖起送金额">
|
||||||
<el-input-number v-model="form.takeaway_money" placeholder="0.00" controls-position="right"
|
<el-input-number v-model="form.takeaway_money" placeholder="0.00" controls-position="right"
|
||||||
:min="0"></el-input-number>
|
:min="0"></el-input-number>
|
||||||
</el-form-item> -->
|
</el-form-item> -->
|
||||||
<el-form-item label="店铺地址" prop="districts">
|
<el-form-item label="店铺经度" prop="lat">
|
||||||
<AddressSelect
|
|
||||||
v-model:prov="state.form.provinces"
|
|
||||||
v-model:city="state.form.cities"
|
|
||||||
v-model:area="state.form.districts"
|
|
||||||
></AddressSelect>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<el-row :gutter="20">
|
|
||||||
<el-col :span="6">
|
|
||||||
<el-form-item label="经度" prop="lng">
|
|
||||||
<el-input v-model="state.form.lng" placeholder="经度"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-form-item label="纬度" prop="lat" label-width="auto">
|
|
||||||
<el-input v-model="state.form.lat" placeholder="纬度"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<el-col :span="4">
|
|
||||||
<el-button type="primary" plain icon="place" @click="latShow = true">
|
|
||||||
打开地图复制坐标
|
|
||||||
</el-button>
|
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <el-form-item label="店铺经度" prop="lat">
|
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="9" v-if="state.form.provinces">
|
<el-col :span="9" v-if="state.form.provinces">
|
||||||
<el-input :value="`${state.form.provinces}-${state.form.cities}-${state.form.districts}`" disabled />
|
<el-input :value="`${state.form.provinces}-${state.form.cities}-${state.form.districts}`" disabled />
|
||||||
@@ -192,20 +97,12 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
<el-form-item label="店铺详细地址">
|
<el-form-item label="店铺详细地址">
|
||||||
<el-input
|
<el-input type="textarea" v-model="state.form.address" placeholder="请输入门店详细地址"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="state.form.address"
|
|
||||||
placeholder="请输入门店详细地址"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="店铺简介">
|
<el-form-item label="店铺简介">
|
||||||
<el-input
|
<el-input type="textarea" v-model="state.form.detail" placeholder="请输入店铺简介"></el-input>
|
||||||
type="textarea"
|
|
||||||
v-model="state.form.detail"
|
|
||||||
placeholder="请输入店铺简介"
|
|
||||||
></el-input>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="状态">
|
<el-form-item label="状态">
|
||||||
<el-radio-group v-model="state.form.status">
|
<el-radio-group v-model="state.form.status">
|
||||||
@@ -215,12 +112,7 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog
|
<el-dialog title="选择地址" v-model="state.showLocation" :modal="false" :modal-append-to-body="false">
|
||||||
title="选择地址"
|
|
||||||
v-model="state.showLocation"
|
|
||||||
:modal="false"
|
|
||||||
:modal-append-to-body="false"
|
|
||||||
>
|
|
||||||
<div class="map_box">
|
<div class="map_box">
|
||||||
<div class="map">
|
<div class="map">
|
||||||
<el-amap ref="map" :center="state.amapOptions.center" @init="mapInit">
|
<el-amap ref="map" :center="state.amapOptions.center" @init="mapInit">
|
||||||
@@ -228,13 +120,8 @@
|
|||||||
</el-amap>
|
</el-amap>
|
||||||
</div>
|
</div>
|
||||||
<div class="search_box">
|
<div class="search_box">
|
||||||
<el-input
|
<el-input v-model="state.searchOption.keyword" placeholder="请输入关键字" @focus="state.searchOption.focus = true"
|
||||||
v-model="state.searchOption.keyword"
|
@blur="autoCompleteSearchBlur" @input="autoCompleteSearch(state.searchOption.keyword)">
|
||||||
placeholder="请输入关键字"
|
|
||||||
@focus="state.searchOption.focus = true"
|
|
||||||
@blur="autoCompleteSearchBlur"
|
|
||||||
@input="autoCompleteSearch(state.searchOption.keyword)"
|
|
||||||
>
|
|
||||||
<template #append>
|
<template #append>
|
||||||
<el-button type="primary" @click="placeSearchSearch(state.searchOption.keyword)">
|
<el-button type="primary" @click="placeSearchSearch(state.searchOption.keyword)">
|
||||||
搜索
|
搜索
|
||||||
@@ -242,12 +129,8 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<div class="list" v-if="state.searchOption.focus && state.searchOption.show">
|
<div class="list" v-if="state.searchOption.focus && state.searchOption.show">
|
||||||
<div
|
<div class="item" @click="autoCompleteListClick(item)" v-for="item in state.autoCompleteList"
|
||||||
class="item"
|
:key="item.id">
|
||||||
@click="autoCompleteListClick(item)"
|
|
||||||
v-for="item in state.autoCompleteList"
|
|
||||||
:key="item.id"
|
|
||||||
>
|
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -277,20 +160,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog title="坐标搜索" v-model="latShow" width="60vw">
|
|
||||||
<iframe
|
|
||||||
style="width: 100%; height: 60vh"
|
|
||||||
src="https://lbs.baidu.com/maptool/getpoint"
|
|
||||||
frameborder="0"
|
|
||||||
></iframe>
|
|
||||||
<template #footer>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<el-button @click="latShow = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="latConfirm">确认</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
@@ -301,8 +170,6 @@ import { initMapLoad } from "@/utils/mapLoadUtil";
|
|||||||
import { ElNotification } from "element-plus";
|
import { ElNotification } from "element-plus";
|
||||||
// { geocode, ShopApi.getList }
|
// { geocode, ShopApi.getList }
|
||||||
import ShopApi from "@/api/account/shop";
|
import ShopApi from "@/api/account/shop";
|
||||||
|
|
||||||
const latShow = ref(false);
|
|
||||||
const validateLogo = (rule, value, callback) => {
|
const validateLogo = (rule, value, callback) => {
|
||||||
if (!state.form.logo) {
|
if (!state.form.logo) {
|
||||||
callback(new Error("请上传门店logo"));
|
callback(new Error("请上传门店logo"));
|
||||||
@@ -310,28 +177,6 @@ const validateLogo = (rule, value, callback) => {
|
|||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
async function latConfirm() {
|
|
||||||
//js获取当前剪贴板内容
|
|
||||||
try {
|
|
||||||
// 核心：异步读取剪贴板文本内容
|
|
||||||
const clipboardText = await navigator.clipboard.readText();
|
|
||||||
|
|
||||||
// 显示获取到的内容
|
|
||||||
console.log("剪贴板内容：", clipboardText);
|
|
||||||
if (clipboardText && clipboardText.indexOf(",") > 0) {
|
|
||||||
const latLng = clipboardText.split(",");
|
|
||||||
state.form.lat = latLng[1];
|
|
||||||
state.form.lng = latLng[0];
|
|
||||||
latShow.value = false;
|
|
||||||
} else [ElMessage.error("请搜索地址后复制经纬度")];
|
|
||||||
} catch (err) {
|
|
||||||
// 捕获异常（用户拒绝权限、浏览器不支持、非交互上下文等）
|
|
||||||
console.error("获取剪贴板失败：", err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
function openMap() {
|
|
||||||
window.open("https://lbs.baidu.com/maptool/getpoint");
|
|
||||||
}
|
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
uploadImg: uploadImg,
|
uploadImg: uploadImg,
|
||||||
@@ -368,7 +213,7 @@ const state = reactive({
|
|||||||
chainName: "",
|
chainName: "",
|
||||||
isHeadShop: 0,
|
isHeadShop: 0,
|
||||||
},
|
},
|
||||||
type: "",
|
type: '',
|
||||||
resetForm: "",
|
resetForm: "",
|
||||||
rules: {
|
rules: {
|
||||||
activateCode: [
|
activateCode: [
|
||||||
@@ -399,20 +244,6 @@ const state = reactive({
|
|||||||
trigger: "blur",
|
trigger: "blur",
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
districts: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请选择店铺地址",
|
|
||||||
trigger: "change",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
lng: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: "请选择坐标",
|
|
||||||
trigger: "change",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
lat: [
|
lat: [
|
||||||
{
|
{
|
||||||
required: true,
|
required: true,
|
||||||
@@ -480,7 +311,7 @@ onMounted(() => {
|
|||||||
|
|
||||||
// 获取商家列表
|
// 获取商家列表
|
||||||
async function getTableData(query = "") {
|
async function getTableData(query = "") {
|
||||||
console.log(123);
|
console.log(123)
|
||||||
state.shopListLoading = true;
|
state.shopListLoading = true;
|
||||||
try {
|
try {
|
||||||
const res = await ShopApi.getList({
|
const res = await ShopApi.getList({
|
||||||
@@ -529,7 +360,7 @@ function submitHandle() {
|
|||||||
type: "success",
|
type: "success",
|
||||||
});
|
});
|
||||||
close();
|
close();
|
||||||
location.reload();
|
location.reload()
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
state.formLoading = false;
|
state.formLoading = false;
|
||||||
console.log(error);
|
console.log(error);
|
||||||
@@ -556,12 +387,12 @@ function show(obj, type) {
|
|||||||
Object.assign(state.form, obj);
|
Object.assign(state.form, obj);
|
||||||
}
|
}
|
||||||
if( type ){
|
if( type ){
|
||||||
state.type = type;
|
state.type = type
|
||||||
}
|
}
|
||||||
console.log(state.form);
|
console.log(state.form);
|
||||||
console.log(state.type);
|
console.log(state.type);
|
||||||
if (state.form.shopType != "only") {
|
if( state.form.shopType != 'only'){
|
||||||
state.isEdit = true;
|
state.isEdit = true
|
||||||
}
|
}
|
||||||
for (let key in state.rules) {
|
for (let key in state.rules) {
|
||||||
if (key === "accountName") {
|
if (key === "accountName") {
|
||||||
@@ -578,12 +409,12 @@ function close() {
|
|||||||
state.dialogVisible = false;
|
state.dialogVisible = false;
|
||||||
state.form = { ...state.resetForm };
|
state.form = { ...state.resetForm };
|
||||||
state.type = "";
|
state.type = "";
|
||||||
state.isEdit = false;
|
state.isEdit = false
|
||||||
}
|
}
|
||||||
function reset() {
|
function reset() {
|
||||||
state.form = { ...state.resetForm };
|
state.form = { ...state.resetForm };
|
||||||
state.type = "";
|
state.type = "";
|
||||||
state.isEdit = false;
|
state.isEdit = false
|
||||||
}
|
}
|
||||||
|
|
||||||
let ElMap = undefined;
|
let ElMap = undefined;
|
||||||
|
|||||||
@@ -1,105 +1,156 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="row mt14">
|
<el-dialog v-model="dialogVisible" :show-close="false" @close="reset">
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="120px" label-position="left">
|
<el-tabs v-model="activeName">
|
||||||
<el-form-item label="店铺ID" prop="storeId">
|
<el-tab-pane label="聚合支付" name="pay">
|
||||||
<el-input v-model="form.storeId" placeholder="请输入店铺ID" style="width: 300px;"></el-input>
|
<el-form ref="form" :model="form" label-width="120px" label-position="left">
|
||||||
|
<el-form-item label="店铺id">
|
||||||
|
<el-input v-model="form.storeId" placeholder="请输入店铺id"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="商户名称" prop="merchantName">
|
<el-form-item label="商户名称">
|
||||||
<el-input v-model="form.merchantName" placeholder="请输入商户名称" style="width: 300px;"></el-input>
|
<el-input v-model="form.merchantName" placeholder="请输入支付系统商户名称"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="appId" prop="appId">
|
<el-form-item label="商户应用id">
|
||||||
<el-input v-model="form.appId" placeholder="请输入appId" style="width: 300px;"></el-input>
|
<el-input v-model="form.appId" placeholder="请输入商户应用id"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="appSecret" prop="appSecret">
|
<el-form-item label="商户密钥">
|
||||||
<el-input v-model="form.appSecret" placeholder="请输入appSecret" style="width: 300px;"></el-input>
|
<el-input
|
||||||
|
type="textarea"
|
||||||
|
v-model="form.appSecret"
|
||||||
|
placeholder="请输入商户密钥"
|
||||||
|
></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item label="支付密码">
|
||||||
<el-button type="primary" @click="submitHandle" v-loading="loading">保存</el-button>
|
<el-input v-model="form.payPassword" placeholder="请输入支付密码"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<el-form-item label="微信appid">
|
||||||
|
<el-input
|
||||||
|
v-model="form.wechatSmallAppid"
|
||||||
|
placeholder="请输入微信小程序appid"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="支付宝appid">
|
||||||
|
<el-input
|
||||||
|
v-model="form.alipaySmallAppid"
|
||||||
|
placeholder="请输入支付宝小程序appid"
|
||||||
|
></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="支付宝商户号">
|
||||||
|
<el-input v-model="form.alipayAppId" placeholder="请输入支付宝商户号"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="支付宝商户密钥">
|
||||||
|
<el-input v-model="form.alipayAppToken" placeholder="请输入支付宝商户密钥"></el-input>
|
||||||
|
</el-form-item> -->
|
||||||
|
|
||||||
|
<!-- <el-form-item label="状态">
|
||||||
|
<el-radio-group v-model="form.status">
|
||||||
|
<el-radio :value="1">启用</el-radio>
|
||||||
|
<el-radio :value="-1">禁用</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item> -->
|
||||||
</el-form>
|
</el-form>
|
||||||
|
</el-tab-pane>
|
||||||
|
</el-tabs>
|
||||||
|
<template #footer>
|
||||||
|
<div class="dialog-footer">
|
||||||
|
<el-button @click="close">取消</el-button>
|
||||||
|
<el-button type="primary" @click="submitHandle" :loading="formLoading">
|
||||||
|
<span v-if="!formLoading">保存</span>
|
||||||
|
<span v-else>保存中...</span>
|
||||||
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
</el-dialog>
|
||||||
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script>
|
||||||
import { ref } from 'vue'
|
// import { tbMerchantThirdApply, tbMerchantThirdApplyPut } from "@/api/shop";
|
||||||
import { useRoute } from 'vue-router'
|
import ShopApi from "@/api/account/shop";
|
||||||
import { shopMerchantPut } from '@/api/common'
|
import shopMerchantApi from "@/api/account/shopMerchant";
|
||||||
|
import { ElNotification } from "element-plus";
|
||||||
const props = defineProps({
|
export default {
|
||||||
detail: {
|
data() {
|
||||||
type: Object,
|
return {
|
||||||
default: {}
|
dialogVisible: false,
|
||||||
}
|
activeName: "pay",
|
||||||
})
|
formLoading: false,
|
||||||
|
form: {
|
||||||
const route = useRoute()
|
appSecret: "",
|
||||||
|
id: "",
|
||||||
const formRef = ref(null)
|
payPassword: "",
|
||||||
|
status: 1,
|
||||||
const form = defineModel({
|
appId: "",
|
||||||
storeId: '',
|
wechatSmallAppid: "",
|
||||||
merchantName: '',
|
storeId: "",
|
||||||
appId: '',
|
alipaySmallAppid: "",
|
||||||
appSecret: '',
|
alipayAppToken: "",
|
||||||
})
|
alipayAppId: "",
|
||||||
|
},
|
||||||
const rules = ref({
|
shopId: "",
|
||||||
storeId: [
|
};
|
||||||
{
|
},
|
||||||
required: true,
|
methods: {
|
||||||
message: '请输入店铺ID',
|
// 保存
|
||||||
trigger: 'blur'
|
async submitHandle() {
|
||||||
}
|
this.formLoading = true;
|
||||||
],
|
|
||||||
merchantName: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入店铺名称',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
appId: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入appId',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
appSecret: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入appSecret',
|
|
||||||
trigger: 'blur'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
})
|
|
||||||
|
|
||||||
// 验证表单
|
|
||||||
function submitHandle() {
|
|
||||||
formRef.value.validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
shopMerchantPostAjax()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 更新聚合支付
|
|
||||||
const loading = ref(false)
|
|
||||||
async function shopMerchantPostAjax() {
|
|
||||||
try {
|
try {
|
||||||
loading.value = true
|
await shopMerchantApi.edit(this.shopId, this.form);
|
||||||
const res = await shopMerchantPut({
|
this.$emit("success");
|
||||||
shopId: route.query.shopId,
|
this.formLoading = false;
|
||||||
polyMerchantDTO: form.value
|
|
||||||
})
|
|
||||||
ElNotification({
|
ElNotification({
|
||||||
title: '注意',
|
title: "成功",
|
||||||
message: '更新成功',
|
message: `修改成功`,
|
||||||
type: 'success'
|
type: "success",
|
||||||
})
|
});
|
||||||
|
this.close();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log('shopMerchantPostAjax=', error);
|
this.formLoading = false;
|
||||||
|
console.log(error);
|
||||||
}
|
}
|
||||||
loading.value = false
|
},
|
||||||
|
close() {
|
||||||
|
this.dialogVisible = false;
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form.appSecret = "";
|
||||||
|
this.form.id = "";
|
||||||
|
this.form.payPassword = "";
|
||||||
|
this.form.status = 1;
|
||||||
|
this.form.appId = "";
|
||||||
|
this.shopId = "";
|
||||||
|
},
|
||||||
|
// 详情（配置三方支付）
|
||||||
|
async getDetail(id) {
|
||||||
|
console.log(id);
|
||||||
|
this.shopId = id;
|
||||||
|
try {
|
||||||
|
const res = await shopMerchantApi.get(id);
|
||||||
|
this.form.appSecret = res.appSecret || "";
|
||||||
|
this.form.payPassword = res.payPassword || "";
|
||||||
|
this.form.status = res.status || "";
|
||||||
|
this.form.appId = res.appId || "";
|
||||||
|
this.form.wechatSmallAppid = res.wechatSmallAppid || "";
|
||||||
|
this.form.alipaySmallAppid = res.alipaySmallAppid || "";
|
||||||
|
this.form.merchantName = res.merchantName || "";
|
||||||
|
//this.form.alipayAppToken = res.alipayAppToken
|
||||||
|
//this.form.alipayAppId = res.alipayAppId
|
||||||
|
this.form.storeId = res.storeId || "";
|
||||||
|
this.dialogVisible = true;
|
||||||
|
} catch (error) {
|
||||||
|
console.log(error);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
show(obj) {
|
||||||
|
if (obj && obj.id) {
|
||||||
|
this.form.id = obj.id;
|
||||||
|
this.getDetail(obj.id);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped lang="scss">
|
||||||
|
:deep(.el-dialog__header) {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,284 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="row mt14">
|
|
||||||
<el-form label-width="150" label-position="left" v-loading="loading">
|
|
||||||
<template v-if="!form.shopId">
|
|
||||||
<el-form-item label-width="0">
|
|
||||||
<el-text>您还未申请进件</el-text>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label-width="0">
|
|
||||||
<el-button type="primary" @click="toApplyment">去申请</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<el-form-item label="复用信息" v-if="shopId != mainInfo.shopId">
|
|
||||||
<el-tag>复用主店信息</el-tag>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商户号">
|
|
||||||
<el-text>{{ form.merchantCode }}</el-text>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="商户类型">
|
|
||||||
<el-text>{{ userTypeListFilter(form.userType).label }}</el-text>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="支付宝进件状态">
|
|
||||||
<div class="column">
|
|
||||||
<el-text :type="statusListFilter(form.alipayStatus).type">
|
|
||||||
{{ statusListFilter(form.alipayStatus).label }}
|
|
||||||
</el-text>
|
|
||||||
<div class="center" v-if="form.alipayStatus == 'SIGN'">
|
|
||||||
<el-text>待签约</el-text>
|
|
||||||
<el-link type="primary" @click="singCodeDialogRef?.show(form.alipaySignUrl, 1)">查看签约码</el-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="微信进件状态">
|
|
||||||
<div class="column">
|
|
||||||
<el-text :type="statusListFilter(form.wechatStatus).type">
|
|
||||||
{{ statusListFilter(form.wechatStatus).label }}
|
|
||||||
</el-text>
|
|
||||||
<div class="center" v-if="form.wechatStatus == 'SIGN'">
|
|
||||||
<el-text>待签约</el-text>
|
|
||||||
<el-link type="primary" @click="singCodeDialogRef?.show(form.wechatSignUrl, 2)">查看签约码</el-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="最后提交时间">
|
|
||||||
<el-text>{{ form.updateTime }}</el-text>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="创建时间">
|
|
||||||
<el-text>{{ form.createTime }}</el-text>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item v-if="shopId == mainInfo.shopId">
|
|
||||||
<el-button link type="primary"
|
|
||||||
v-if="form.wechatStatus == 'INIT' || form.wechatStatus == 'AUDIT' || form.wechatStatus == 'SIGN' || form.alipayStatus == 'INIT' || form.alipayStatus == 'AUDIT' || form.alipayStatus == 'SIGN'"
|
|
||||||
@click="checkStatusHandle()">查询</el-button>
|
|
||||||
<el-button type="primary" @click="toDetail('check')">查看详情</el-button>
|
|
||||||
<el-button type="primary" @click="toDetail('editor')"
|
|
||||||
v-if="form.alipayStatus == 'REJECTED' || form.wechatStatus == 'REJECTED'">修改</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</template>
|
|
||||||
</el-form>
|
|
||||||
<singCodeDialog ref="singCodeDialogRef" />
|
|
||||||
<!-- 分店复用主店信息弹窗 -->
|
|
||||||
<el-dialog title="注意" width="400px" top="40vh" v-model="mainDialogVisable">
|
|
||||||
<span>是否复用主店？</span>
|
|
||||||
<template #footer>
|
|
||||||
<div class="dialog-footer">
|
|
||||||
<el-button @click="toApplymentRouter">自己申请</el-button>
|
|
||||||
<el-button type="primary" @click="shopMerchantPutAjax" :loading="mainDialogVisableLoading">复用主店信息</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, onMounted } from 'vue'
|
|
||||||
import { useRoute, useRouter } from 'vue-router';
|
|
||||||
import { shopMerchantGet, getMainMerchant, shopMerchantPut } from '@/api/common'
|
|
||||||
import singCodeDialog from '@/views/applyments/components/singCodeDialog.vue';
|
|
||||||
|
|
||||||
const singCodeDialogRef = ref(null)
|
|
||||||
const route = useRoute()
|
|
||||||
const router = useRouter()
|
|
||||||
const shopId = route.query.shopId
|
|
||||||
const userTypeList = ref([
|
|
||||||
{
|
|
||||||
value: '0',
|
|
||||||
label: '个体商户'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '1',
|
|
||||||
label: '企业商户'
|
|
||||||
},
|
|
||||||
])
|
|
||||||
function userTypeListFilter(userType) {
|
|
||||||
let obj = userTypeList.value.find(item => item.value == userType)
|
|
||||||
if (obj) {
|
|
||||||
return obj
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
label: userType,
|
|
||||||
value: userType
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const statusList = ref([
|
|
||||||
{
|
|
||||||
value: 'WAIT',
|
|
||||||
label: '待提交',
|
|
||||||
type: 'info'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'INIT',
|
|
||||||
label: '待处理',
|
|
||||||
type: 'info'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'AUDIT',
|
|
||||||
label: '待审核',
|
|
||||||
type: 'warning'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'SIGN',
|
|
||||||
label: '待签约',
|
|
||||||
type: 'primary'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'FINISH',
|
|
||||||
label: '已完成',
|
|
||||||
type: 'success'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 'REJECTED',
|
|
||||||
label: '失败',
|
|
||||||
type: 'danger'
|
|
||||||
},
|
|
||||||
])
|
|
||||||
function statusListFilter(status) {
|
|
||||||
let obj = statusList.value.find(item => item.value == status)
|
|
||||||
if (obj) {
|
|
||||||
return obj
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
label: status,
|
|
||||||
value: status
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const loading = ref(false)
|
|
||||||
const form = ref({})
|
|
||||||
|
|
||||||
// 查询状态
|
|
||||||
async function checkStatusHandle() {
|
|
||||||
try {
|
|
||||||
loading.value = true
|
|
||||||
const businessLicenceInfo = form.value.businessLicenceInfo
|
|
||||||
await queryEntry({
|
|
||||||
shopId: form.value.shopId,
|
|
||||||
licenceNo: businessLicenceInfo.licenceNo
|
|
||||||
})
|
|
||||||
updateData()
|
|
||||||
} catch (error) {
|
|
||||||
loading.value = false
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取主店进件信息
|
|
||||||
const mainInfo = ref({})
|
|
||||||
async function headShopApplmentInfo() {
|
|
||||||
try {
|
|
||||||
const res = await getMainMerchant({
|
|
||||||
shopId: route.query.mainId
|
|
||||||
})
|
|
||||||
mainInfo.value = res
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 跳转进件逻辑处理
|
|
||||||
const mainDialogVisable = ref(false)
|
|
||||||
const mainDialogVisableLoading = ref(false)
|
|
||||||
async function toApplyment() {
|
|
||||||
let shopType = route.query.shopType
|
|
||||||
let isHeadShop = route.query.isHeadShop
|
|
||||||
if (shopType == 'chain' || shopType == 'join') {
|
|
||||||
if (isHeadShop == 1) {
|
|
||||||
toApplymentRouter()
|
|
||||||
} else {
|
|
||||||
// 分店弹窗选择
|
|
||||||
await headShopApplmentInfo()
|
|
||||||
if (mainInfo.value && mainInfo.value.shopId) {
|
|
||||||
mainDialogVisable.value = true
|
|
||||||
} else {
|
|
||||||
toApplymentRouter()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
toApplymentRouter()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 跳转进件
|
|
||||||
function toApplymentRouter() {
|
|
||||||
router.push({ name: 'applyment_in', query: { shopId: shopId } });
|
|
||||||
}
|
|
||||||
|
|
||||||
// 复用主店的进件信息
|
|
||||||
async function shopMerchantPutAjax() {
|
|
||||||
try {
|
|
||||||
mainDialogVisableLoading.value = true
|
|
||||||
await shopMerchantPut({
|
|
||||||
shopId: shopId,
|
|
||||||
relatedLicenceNo: mainInfo.value.licenceNo,
|
|
||||||
nativeMerchantDTO: {
|
|
||||||
wechatMerchantId: mainInfo.value.wechatMerchantId,
|
|
||||||
alipayMerchantId: mainInfo.value.alipayMerchantId,
|
|
||||||
alipayAuthInfo: mainInfo.value.alipayAuthInfo
|
|
||||||
}
|
|
||||||
})
|
|
||||||
ElNotification({
|
|
||||||
title: '注意',
|
|
||||||
message: '复用成功',
|
|
||||||
type: 'success'
|
|
||||||
})
|
|
||||||
mainDialogVisable.value = false
|
|
||||||
updateData()
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
mainDialogVisableLoading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
// 跳转编辑页面
|
|
||||||
function toDetail(type) {
|
|
||||||
const businessLicenceInfo = form.value.businessLicenceInfo
|
|
||||||
router.push({
|
|
||||||
name: 'applyment_in',
|
|
||||||
query: {
|
|
||||||
shopId: form.value.shopId,
|
|
||||||
licenceNo: businessLicenceInfo.licenceNo,
|
|
||||||
type: type
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 刷新进件数据
|
|
||||||
async function updateData() {
|
|
||||||
try {
|
|
||||||
loading.value = true
|
|
||||||
const res = await shopMerchantGet({
|
|
||||||
shopId: shopId
|
|
||||||
})
|
|
||||||
form.value = (res && res.shopDirectMerchant) ? res.shopDirectMerchant
|
|
||||||
: ''
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
loading.value = false
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
updateData()
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
gap: 14px;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.column {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -70,8 +70,7 @@
|
|||||||
<span v-if="scope.row.shopType == 'only'">单店</span>
|
<span v-if="scope.row.shopType == 'only'">单店</span>
|
||||||
<span v-if="scope.row.shopType == 'chain'">连锁店</span>
|
<span v-if="scope.row.shopType == 'chain'">连锁店</span>
|
||||||
<span v-if="scope.row.shopType == 'join'">加盟店</span>
|
<span v-if="scope.row.shopType == 'join'">加盟店</span>
|
||||||
<div v-if="scope.row.shopType != 'only' && scope.row.isHeadShop == 0">(主店：{{ scope.row.headShopName }})
|
<div v-if="scope.row.shopType != 'only'&&scope.row.isHeadShop == 0">(主店：{{ scope.row.headShopName }})</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
@@ -133,7 +132,7 @@
|
|||||||
layout="total, sizes , prev, pager ,next, jumper " @current-change="paginationChange" />
|
layout="total, sizes , prev, pager ,next, jumper " @current-change="paginationChange" />
|
||||||
</div>
|
</div>
|
||||||
<addShop ref="refAddShop" @success="getTableData" />
|
<addShop ref="refAddShop" @success="getTableData" />
|
||||||
<!-- <detailModal ref="refDetailModal" /> -->
|
<detailModal ref="refDetailModal" />
|
||||||
<!-- 激活码 -->
|
<!-- 激活码 -->
|
||||||
<activateCode ref="refActivateCode" @success="getTableData" />
|
<activateCode ref="refActivateCode" @success="getTableData" />
|
||||||
</div>
|
</div>
|
||||||
@@ -146,10 +145,6 @@ import ShopApi from "@/api/account/shop";
|
|||||||
import { ElNotification, ElMessageBox } from "element-plus";
|
import { ElNotification, ElMessageBox } from "element-plus";
|
||||||
import addShop from "./components/addShop.vue";
|
import addShop from "./components/addShop.vue";
|
||||||
import detailModal from "./components/detailModal.vue";
|
import detailModal from "./components/detailModal.vue";
|
||||||
import { useRouter } from "vue-router";
|
|
||||||
|
|
||||||
const router = useRouter()
|
|
||||||
|
|
||||||
const refActivateCode = ref(null);
|
const refActivateCode = ref(null);
|
||||||
function activateCodeShow(row) {
|
function activateCodeShow(row) {
|
||||||
refActivateCode.value.open(row);
|
refActivateCode.value.open(row);
|
||||||
@@ -196,19 +191,7 @@ function dropdownClick(e, row) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (e.command == 1) {
|
if (e.command == 1) {
|
||||||
console.log('row===', row);
|
refDetailModal.value.show(e.row);
|
||||||
|
|
||||||
// refDetailModal.value.show(e.row);
|
|
||||||
router.push({
|
|
||||||
name: 'pay_setting',
|
|
||||||
query: {
|
|
||||||
shopId: row.id,
|
|
||||||
shopType: row.shopType,
|
|
||||||
isHeadShop: row.isHeadShop,
|
|
||||||
mainId: row.mainId,
|
|
||||||
shopName: row.shopName
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
if (e == 5) {
|
if (e == 5) {
|
||||||
|
|||||||
@@ -1,149 +0,0 @@
|
|||||||
<!-- 支付配置页面 -->
|
|
||||||
<template>
|
|
||||||
<div class="gyq_container">
|
|
||||||
<div class="header_wrap">
|
|
||||||
<div class="left_btn" @click="router.back()">
|
|
||||||
<el-icon size="22" color="#333">
|
|
||||||
<Back />
|
|
||||||
</el-icon>
|
|
||||||
</div>
|
|
||||||
<div class="info">
|
|
||||||
<div class="t">{{ route.query.shopName }} | 支付配置</div>
|
|
||||||
<div class="intro">管理您的支付渠道和进件信息</div>
|
|
||||||
</div>
|
|
||||||
<div class="center">
|
|
||||||
<el-text>当前模式：</el-text>
|
|
||||||
<el-radio-group :model-value="payModel" @change="handleRadioChange">
|
|
||||||
<el-radio :label="item.label" :value="item.value" v-for="item in tabList" :key="item.value"></el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="gyq_content row mt14">
|
|
||||||
<tabHeader v-model="tabActiveIndex" :list="tabList" />
|
|
||||||
<payStatusCard name="payStatusCard" key="payStatusCard" ref="payStatusCardRef" v-if="tabActiveIndex == 0" />
|
|
||||||
<detailModal name="detailModal" key="detailModal" ref="detailModalRef" v-model="detail"
|
|
||||||
v-if="tabActiveIndex == 1" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, watch, onMounted } from 'vue'
|
|
||||||
import { useRoute, useRouter } from 'vue-router';
|
|
||||||
import detailModal from './components/detailModal.vue';
|
|
||||||
import payStatusCard from './components/payStatusCard.vue';
|
|
||||||
import { shopMerchantGet, shopMerchantPut } from '@/api/common'
|
|
||||||
|
|
||||||
const route = useRoute()
|
|
||||||
const router = useRouter()
|
|
||||||
const payModel = ref('')
|
|
||||||
const tabActiveIndex = ref(0)
|
|
||||||
const tabList = ref([
|
|
||||||
{
|
|
||||||
label: '支付进件',
|
|
||||||
value: 'native'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '聚合支付',
|
|
||||||
value: 'poly'
|
|
||||||
}
|
|
||||||
])
|
|
||||||
|
|
||||||
// 二次确认支付模式 更换支付模式
|
|
||||||
async function handleRadioChange(value) {
|
|
||||||
await ElMessageBox.confirm('确定要选择该模式吗？', '注意').then(async () => {
|
|
||||||
try {
|
|
||||||
await shopMerchantPut({
|
|
||||||
shopId: route.query.shopId,
|
|
||||||
channel: value
|
|
||||||
})
|
|
||||||
payModel.value = value
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}).catch(() => { })
|
|
||||||
}
|
|
||||||
|
|
||||||
// 与子组件的form绑定
|
|
||||||
const detail = ref({})
|
|
||||||
async function shopMerchantGetAjax() {
|
|
||||||
try {
|
|
||||||
const res = await shopMerchantGet({ shopId: route.query.shopId })
|
|
||||||
console.log('shopMerchantGetAjax===', res);
|
|
||||||
if (res && res.shopId) {
|
|
||||||
payModel.value = res.channel
|
|
||||||
|
|
||||||
if (res && res.polyMerchantDTO) {
|
|
||||||
detail.value = res.polyMerchantDTO
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.log(error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
shopMerchantGetAjax()
|
|
||||||
})
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped lang="scss">
|
|
||||||
.gyq_container {
|
|
||||||
padding: 14px;
|
|
||||||
|
|
||||||
.gyq_content {
|
|
||||||
padding: 14px;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
&.mt14 {
|
|
||||||
margin-top: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.center {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header_wrap {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-right: 14px;
|
|
||||||
|
|
||||||
.left_btn {
|
|
||||||
height: 73px;
|
|
||||||
padding: 14px 24px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
flex: 1;
|
|
||||||
padding: 14px 14px 14px 0;
|
|
||||||
|
|
||||||
.t {
|
|
||||||
color: #333;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.intro {
|
|
||||||
font-size: 14px;
|
|
||||||
color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -47,9 +47,9 @@
|
|||||||
{{ multiplyAndFormat(scope.row.amount || 0) }}
|
{{ multiplyAndFormat(scope.row.amount || 0) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="积分" prop="pointBalance">
|
<el-table-column label="积分" prop="accountPoints">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
{{ scope.row.pointBalance || 0 }}
|
{{ scope.row.accountPoints || 0 }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="90" fixed="right">
|
<el-table-column label="操作" width="90" fixed="right">
|
||||||
|
|||||||
@@ -439,17 +439,11 @@ async function pointsInit() {
|
|||||||
|
|
||||||
// 保险取值
|
// 保险取值
|
||||||
const eq = pointsConfig?.equivalentPoints || 0;
|
const eq = pointsConfig?.equivalentPoints || 0;
|
||||||
const rawMaxRatio = pointsConfig?.maxDeductionRatio || 0;
|
const maxRatio = pointsConfig?.maxDeductionRatio || 0;
|
||||||
// 兼容后端返回的百分比或小数两种形式：如果大于1，则视为百分比（如100表示100%），需除以100
|
|
||||||
const maxRatio = rawMaxRatio > 1 ? rawMaxRatio / 100 : rawMaxRatio;
|
|
||||||
const minPay = pointsConfig?.minPaymentAmount || 0;
|
const minPay = pointsConfig?.minPaymentAmount || 0;
|
||||||
|
|
||||||
// 计算当前订单可抵扣金额上限（元）
|
// 计算当前订单可抵扣金额上限（元）
|
||||||
// 使用“抵扣前实付金额”作为门槛判断（即把当前已应用的积分抵扣金额加回），
|
|
||||||
// 避免在已经抵扣导致 finalPay 变小后错误地判定为不可用。
|
|
||||||
let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
|
let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
|
||||||
const currentPointDeduction = Number(carts.orderCostSummary.pointDeductionAmount) || 0;
|
|
||||||
const basePay = finalPay + currentPointDeduction;
|
|
||||||
|
|
||||||
const res = {
|
const res = {
|
||||||
usable: true,
|
usable: true,
|
||||||
@@ -461,9 +455,8 @@ async function pointsInit() {
|
|||||||
unusableReason: "",
|
unusableReason: "",
|
||||||
};
|
};
|
||||||
|
|
||||||
// 如果订单实付低于最小使用门槛，则不可用（门槛仅作为启用条件）
|
// 如果订单实付低于最小使用门槛，则不可用
|
||||||
// 这里使用 basePay（抵扣前实付）进行判断，确保已填写积分后不会回退为不可用
|
if (finalPay <= 0 || (minPay > 0 && finalPay < minPay)) {
|
||||||
if (basePay <= 0 || (minPay > 0 && basePay < minPay)) {
|
|
||||||
res.usable = false;
|
res.usable = false;
|
||||||
res.unusableReason = `订单实付金额低于 ${minPay} 元，无法使用积分抵扣`;
|
res.unusableReason = `订单实付金额低于 ${minPay} 元，无法使用积分抵扣`;
|
||||||
} else if (eq <= 0) {
|
} else if (eq <= 0) {
|
||||||
@@ -471,22 +464,23 @@ async function pointsInit() {
|
|||||||
res.unusableReason = `积分换算比例配置错误，无法使用积分抵扣`;
|
res.unusableReason = `积分换算比例配置错误，无法使用积分抵扣`;
|
||||||
} else {
|
} else {
|
||||||
// 计算基于比例限制的最大抵扣金额（元）
|
// 计算基于比例限制的最大抵扣金额（元）
|
||||||
// 注意：此处不再减少 minPaymentAmount，minPaymentAmount 仅用作是否可用的门槛；
|
let maxByRatio = finalPay * maxRatio;
|
||||||
// 真正的最大抵扣由 maxRatio（抵扣比例）与用户积分数量共同决定。
|
// 保证抵扣后剩余金额 >= minPaymentAmount
|
||||||
// 计算基于比例限制的最大抵扣金额（元），基于抵扣前实付金额
|
if (minPay > 0) {
|
||||||
let maxByRatio = basePay * maxRatio;
|
const allowed = finalPay - minPay;
|
||||||
|
if (allowed <= 0) {
|
||||||
|
res.usable = false;
|
||||||
|
res.unusableReason = `抵扣后实付金额必须大于等于 ${minPay} 元，当前不可使用积分`;
|
||||||
|
} else {
|
||||||
|
maxByRatio = Math.min(maxByRatio, allowed);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
if (res.usable) {
|
if (res.usable) {
|
||||||
// 可用积分上限（按等价积分步长对齐到 eq 的倍数）
|
// 可用积分上限（向下取整为 eq 的倍数）
|
||||||
const maxByMoney = Math.floor(maxByRatio * eq);
|
const maxByMoney = Math.floor(maxByRatio * eq);
|
||||||
const userPoints = carts.vipUser.pointBalance || 0;
|
const userPoints = carts.vipUser.pointBalance || 0;
|
||||||
let computedMax = Math.min(userPoints, maxByMoney);
|
res.maxUsablePoints = Math.min(userPoints, maxByMoney);
|
||||||
// 对齐到等价积分步长，保证输入步长生效
|
|
||||||
if (eq > 0) {
|
|
||||||
computedMax = Math.floor(computedMax / eq) * eq;
|
|
||||||
}
|
|
||||||
res.maxUsablePoints = computedMax;
|
|
||||||
console.debug("pointsInit debug:", { finalPay: finalPay, basePay: basePay, eq, rawMaxRatio, maxRatio, maxByMoney, userPoints, computedMax });
|
|
||||||
// 最小抵扣积分为配置值或等于换算比
|
// 最小抵扣积分为配置值或等于换算比
|
||||||
res.minDeductionPoints = pointsConfig?.minDeductionPoints || eq;
|
res.minDeductionPoints = pointsConfig?.minDeductionPoints || eq;
|
||||||
if (res.maxUsablePoints < res.minDeductionPoints) {
|
if (res.maxUsablePoints < res.minDeductionPoints) {
|
||||||
@@ -504,20 +498,8 @@ async function pointsInit() {
|
|||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 如果可用则默认填充可用最大值（对齐步长），否则清零
|
// 如果可用则默认填充可用最大值，否则清零
|
||||||
if (res.usable) {
|
usePointsNumber.value = res.usable ? res.maxUsablePoints : 0;
|
||||||
// 计算默认填充值：基于抵扣前实付的比例上限与等价比计算需要的积分数
|
|
||||||
const defaultMaxByMoney = Math.floor(basePay * res.maxDeductionRatio * res.equivalentPoints);
|
|
||||||
let defaultPts = Math.min(res.maxUsablePoints || 0, defaultMaxByMoney || 0);
|
|
||||||
if (res.equivalentPoints > 0) {
|
|
||||||
defaultPts = Math.floor(defaultPts / res.equivalentPoints) * res.equivalentPoints;
|
|
||||||
}
|
|
||||||
// 最终确保不超过用户积分
|
|
||||||
const userPts = carts.vipUser.pointBalance || 0;
|
|
||||||
usePointsNumber.value = Math.min(defaultPts, userPts);
|
|
||||||
} else {
|
|
||||||
usePointsNumber.value = 0;
|
|
||||||
}
|
|
||||||
if (!res.usable) score.sel = -1;
|
if (!res.usable) score.sel = -1;
|
||||||
|
|
||||||
return res;
|
return res;
|
||||||
@@ -550,15 +532,17 @@ function pointsToMoney(val) {
|
|||||||
// 再次校验不超过允许的最大抵扣金额（基于比例或门槛）
|
// 再次校验不超过允许的最大抵扣金额（基于比例或门槛）
|
||||||
let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
|
let finalPay = Number(carts.orderCostSummary.finalPayAmount) || 0;
|
||||||
let maxByRatio = finalPay * cfg.maxDeductionRatio;
|
let maxByRatio = finalPay * cfg.maxDeductionRatio;
|
||||||
// 对于单笔抵扣：若订单实付低于配置的最小门槛，则不可使用（作为启用条件）
|
if (cfg.minPaymentAmount > 0) {
|
||||||
if (cfg.minPaymentAmount > 0 && finalPay < cfg.minPaymentAmount) {
|
const allowed = finalPay - cfg.minPaymentAmount;
|
||||||
|
if (allowed <= 0) {
|
||||||
usePointsNumber.value = 0;
|
usePointsNumber.value = 0;
|
||||||
carts.orderCostSummary.pointUsed = 0;
|
carts.orderCostSummary.pointUsed = 0;
|
||||||
carts.orderCostSummary.pointDeductionAmount = 0;
|
carts.orderCostSummary.pointDeductionAmount = 0;
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
maxByRatio = Math.min(maxByRatio, allowed);
|
||||||
|
}
|
||||||
const maxAllowedMoney = new BigNumber(maxByRatio).decimalPlaces(2, BigNumber.ROUND_DOWN).toNumber();
|
const maxAllowedMoney = new BigNumber(maxByRatio).decimalPlaces(2, BigNumber.ROUND_DOWN).toNumber();
|
||||||
console.debug("pointsToMoney debug:", { finalPay, cfg, pts, money, maxByRatio, maxAllowedMoney });
|
|
||||||
if (money > maxAllowedMoney) {
|
if (money > maxAllowedMoney) {
|
||||||
// 调整积分到允许的最大金额对应的积分
|
// 调整积分到允许的最大金额对应的积分
|
||||||
const allowedPts = Math.floor(maxAllowedMoney * cfg.equivalentPoints);
|
const allowedPts = Math.floor(maxAllowedMoney * cfg.equivalentPoints);
|
||||||
@@ -874,13 +858,9 @@ defineExpose({
|
|||||||
.order-info {
|
.order-info {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
.title {
|
.title {}
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
.value {}
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.price {
|
.price {
|
||||||
color: #fa5555;
|
color: #fa5555;
|
||||||
|
|||||||
@@ -82,7 +82,7 @@ const contentConfig: IContentConfig<any> = {
|
|||||||
{
|
{
|
||||||
label: "消费次数累计",
|
label: "消费次数累计",
|
||||||
align: "center",
|
align: "center",
|
||||||
prop: "consumeCount",
|
prop: "consumeAmount",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "注册时间",
|
label: "注册时间",
|
||||||
|
|||||||
Reference in New Issue
Block a user