Files
jjx-web/pages/user/components/personal.vue
T
2026-10-08 18:14:56 +08:00

660 lines
31 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<view>
<el-card>
<div slot="header" class="clearfix">
<div class="flex justify-between items-center text-main">
<div class="flex justify-start items-center">
<id-card theme="outline" size="24" fill="#a92924" strokeLinecap="square" style="height: 24px"/>
<span class="text-40" v-if="vk.getVuex('$user.userInfo.accountType') === 1">个人认证</span>
<span class="text-40" v-if="vk.getVuex('$user.userInfo.accountType') === 2">企业认证</span>
<div class="ml-20 flex justify-start items-center">
<info theme="outline" size="18" fill="#a92924" strokeLinecap="square"
style="height: 18px"/>
<template
v-if="userInfo.fadadaConfirm && (userInfo.authStatus === null || userInfo.authStatus === -1)">
<span
v-if="vk.getVuex('$user.userInfo.accountType') === 1">您已完成法大大认证,请在下方完善资料提交平台审核</span>
<span
v-if="vk.getVuex('$user.userInfo.accountType') === 2">您已完成法大大认证,请在下方完善资料提交平台审核</span>
</template>
<template v-else-if="userInfo.authStatus === 0">
<span>平台审核中,请勿再次认证</span>
</template>
<template v-else-if="userInfo.authStatus === 1">
<span class="ml-20">恭喜您已通过已通过金久信平台认证</span>
</template>
<template v-else-if="userInfo.authStatus === 2">
<span>审核不通过:{{ userInfo.refuseReason }}</span>
</template>
</div>
</div>
<el-button type="primary" plain class="empty-bg-plain-btn" size="small" @click.native="makeCard"
v-if="!userType">
制作我的名片
</el-button>
</div>
<div style="margin: 30rpx 0">
<el-radio-group v-model="userType" @change="changeUserType">
<el-radio :label="0">平台交易功能用户注册</el-radio>
<el-radio :label="1">金久信签约宝用户、特产商城用户注册</el-radio>
</el-radio-group>
</div>
<p class="text-main text-25 font-bold">
温馨提示:平台交易功能用户注册后无需再进行金久信签约宝和特产商城用户注册</p>
</div>
<el-form ref="form" :model="form" label-width="140px">
<el-button @click="getCertUrl()" type="primary" size="small" v-if="!userInfo.fadadaConfirm">去认证
</el-button>
<!-- <el-button @click="getCertUrl()" type="primary" size="small" v-if="userInfo.authStatus > -1">-->
<!-- 获取认证结果-->
<!-- </el-button>-->
<el-button @click="getCertUrl(true)" plain type="primary" size="small" v-if="userInfo.authStatus > -1">
信息变更
</el-button>
<!-- <el-button @click="getCertRes" type="primary" size="small" v-if="userInfo.authStatus > -1">-->
<!-- 去填写打款信息-->
<!-- </el-button>-->
<!-- <el-form-item label="认证方式"-->
<!-- v-if="!userInfo.hasOwnProperty('fadadaConfirm') || !userInfo.fadadaConfirm">-->
<!-- <el-radio-group v-model="form.authType">-->
<!-- <el-radio :label="1">法大大认证</el-radio>-->
<!-- <el-radio :label="2">金久信平台审核</el-radio>-->
<!-- </el-radio-group>-->
<!-- </el-form-item>-->
<template v-if="userType === 0">
<template v-if="userInfo.authStatus > -1 || userInfo.fadadaConfirm">
<template v-if="parseInt(userInfo.accountType) === 2">
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="企业名称">
{{ userInfo.company.companyName }}
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="信用代码" required>
<el-input v-model="form.company.organization"
v-if="isEdit && userInfo.authStatus !== 1"/>
<text v-else>{{ userInfo.company.organization }}</text>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="公司所在地" required>
<el-row :gutter="10" class="border-bottom pb-20" v-if="isEdit">
<el-col :span="4">
<el-select v-model="addressIndex[0]" placeholder="请选择省">
<el-option v-for="(item, index) in provinceData" :key="index"
:label="item.name"
:value="index">
</el-option>
</el-select>
</el-col>
<el-col :span="4">
<el-select v-model="addressIndex[1]" placeholder="请选择市"
:readonly="addressIndex.length === 0 || [0, 1].includes(userInfo.authStatus)">
<template v-if="addressIndex[0] !== null">
<el-option v-for="(item, index) in cityData[addressIndex[0]]" :key="index"
:label="item.name"
:value="index">
</el-option>
</template>
</el-select>
</el-col>
<el-col :span="4">
<el-select v-model="addressIndex[2]" placeholder="请选择区">
<template v-if="addressIndex[0] !== null && addressIndex[1] !== null">
<el-option
v-for="(item, index) in areaData[addressIndex[0]][addressIndex[1]]"
:key="index" :label="item.name" :value="index">
</el-option>
</template>
</el-select>
</el-col>
<el-col :span="11">
<el-input v-model="form.company.addressDetail" placeholder="请输入详细地址"/>
</el-col>
</el-row>
<view v-else-if="!isEdit && userInfo.company.addressRegion">
<text>{{
userInfo.company.addressRegion.province ? userInfo.company.addressRegion.province.name : ''
}}
</text>
<text>{{
userInfo.company.addressRegion.city ? userInfo.company.addressRegion.city.name : ''
}}
</text>
<text>{{
userInfo.company.addressRegion.area ? userInfo.company.addressRegion.area.name : ''
}}
</text>
<text>{{ userInfo.company.addressDetail ? userInfo.company.addressDetail : '' }}</text>
</view>
</el-form-item>
<el-form-item label="法定代表人" required>
<el-input v-model="form.company.legalName" v-if="isEdit"/>
<text v-else>{{ userInfo.company.legalName }}</text>
</el-form-item>
<el-form-item label="公司电话" required>
<el-input v-model="form.company.mobile" v-if="isEdit"/>
<text v-else>{{ userInfo.company.mobile }}</text>
</el-form-item>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="有效通信地址" required>
<el-input v-model="form.company.mailAddress" v-if="isEdit"/>
<text v-else>{{ userInfo.company.mailAddress }}</text>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="有效邮箱地址" required>
<el-input v-model="form.company.contactEmail" v-if="isEdit"/>
<text v-else>{{ userInfo.company.contactEmail }}</text>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="对公账号" required>
<el-input v-model="form.company.companyAccount" v-if="isEdit"/>
<text v-else>{{ userInfo.company.companyAccount }}</text>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="开户行" required>
<el-input v-model="form.company.companyBankName" v-if="isEdit"/>
<text v-else>{{ userInfo.company.companyBankName }}</text>
</el-form-item>
</el-col>
</el-row>
<view class="text-red text-25 my-20">
温馨提示:请确认账号信息填写正确,账户信息在合同签约时直接写入合同,以免造成不必要的损失。
</view>
<!-- <el-row :gutter="10">-->
<!-- <el-col :span="8">-->
<!-- <el-form-item label="个人账号">-->
<!-- <el-input v-model="form.company.personAccount" v-if="isEdit"/>-->
<!-- <text v-else>{{ userInfo.company.personAccount }}</text>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <el-form-item label="个人开户行">-->
<!-- <el-input v-model="form.company.personBankName" v-if="isEdit"/>-->
<!-- <text v-else>{{ userInfo.company.personBankName }}</text>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="8">-->
<!-- <el-form-item label="个人账户名">-->
<!-- <el-input v-model="form.company.accountName" v-if="isEdit"/>-->
<!-- <text v-else>{{ userInfo.company.accountName }}</text>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-form-item label="行业分类" required>
<el-select v-model="form.company.businessType" placeholder="请选择行业分类" v-if="isEdit">
<el-option
v-for="(item, index) in industryList"
:key="index"
:label="item.name"
:value="item.name">
</el-option>
</el-select>
<!-- <el-input v-model="form.company.businessType" v-if="isEdit"/>-->
<text v-else>{{ userInfo.company.businessType }}</text>
</el-form-item>
<!-- <text class="text-main text-25 my-20">如您是采购用户可忽略此项,如您是销售用户请选择您的主营商品。</text>-->
<text class="text-main text-25 my-20">如果您是采购用户或产业链内服务用户请在最后一行填写。</text>
<el-form-item label="主营商品">
<template v-if="isEdit">
<el-checkbox-group v-model="form.company.mainSpotCategoryIds" :max="10" @change="changeMainSpotCategoryIds">
<el-checkbox v-for="(item, index) in goodsCate" :key="index" :label="item._id">
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
<div class="flex justify-start items-center">
<text style="width: 120px">自主合法填写</text>
<el-input v-model="form.company.mainSpotCategorySelf" placeholder="请输入内容"
@change="changeMainSpotCategorySelf"></el-input>
</div>
</template>
<template v-else>
<text v-if="userInfo.company.mainSpotCategoryIds.length">{{
userInfo.company.mainSpotCategoryIds.map(item => goodsCate.find(i => i._id === item) ? goodsCate.find(i => i._id === item).name : '').join('、')
}}
</text>
<text v-if="!userInfo.company.mainSpotCategoryIds.length && form.company.mainSpotCategorySelf">
{{ form.company.mainSpotCategorySelf }}
</text>
</template>
</el-form-item>
<el-form-item :label="isEdit ? '上传营业执照' : '营业执照'" required>
<view class="flex justify-start items-center" v-if="isEdit">
<vk-data-upload :limit="1" v-model="form.company.organizationPath"></vk-data-upload>
<text class="text-main ml-20">请您上传盖章的扫描件或者复印件</text>
</view>
<el-image :src="userInfo.company.organizationPath" style="width: 100px;height: 100px"
fit="cover"
v-else-if="!isEdit && userInfo.company.organizationPath && userInfo.company.organizationPath.includes('.')"/>
</el-form-item>
<el-form-item :label="isEdit ? '上传开票资料' : '开票资料'">
<view class="flex justify-start items-center" v-if="isEdit">
<vk-data-upload :limit="1" v-model="form.company.invoiceInfo"
v-if="isEdit"></vk-data-upload>
<text class="text-main ml-20">加盖公章</text>
<view class="ml-35">
<el-radio-group v-model="form.company.taxType">
<el-radio label="一般纳税人">一般纳税人</el-radio>
<el-radio label="小规模纳税人">小规模纳税人</el-radio>
<el-radio label="其他">其他</el-radio>
</el-radio-group>
</view>
</view>
<el-image :src="userInfo.company.invoiceInfo" style="width: 100px;height: 100px" fit="cover"
v-else-if="!isEdit && userInfo.company.invoiceInfo && userInfo.company.invoiceInfo.includes('.')"/>
</el-form-item>
<el-form-item label="管理员授权委托书">
<view class="flex justify-start items-center" v-if="isEdit">
<vk-data-upload v-model="form.company.taxImage"></vk-data-upload>
<text class="text-main ml-20">加盖公章</text>
</view>
<el-image v-for="(item, index) in userInfo.company.taxImage" :key="index" :src="item"
style="width: 100px;height: 100px" fit="cover"
v-else-if="!isEdit && userInfo.company.taxImage && userInfo.company.taxImage.length > 0"/>
</el-form-item>
<!-- <el-form-item label="平台交易账号认证" required v-if="isEdit">-->
<!-- <div>-->
<!-- <p>请用个人账户向以下账户转账0.10元。请备注:账号认证,平台将7个工作日内退回原账户。</p>-->
<!-- <div>-->
<!-- <span>户名:金久信</span>-->
<!-- <span class="ml-35">开户行:中国广发银行南宁支行</span>-->
<!-- <span class="ml-35">账号:6222XXXXX</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-form-item>-->
<div class="flex justify-start items-center">
<id-card theme="outline" size="24" fill="#a92924" strokeLinecap="square"
style="height: 24px"/>
<span class="text-40 mr-35">企业授权人信息</span>
</div>
<el-form-item label="授权人类型" required>
<el-radio-group v-model="form.manager.type" v-if="isEdit">
<el-radio :label="1">法人</el-radio>
<el-radio :label="2">授权人</el-radio>
</el-radio-group>
<text v-else>{{ parseInt(userInfo.manager.type) === 1 ? '法人' : '授权人' }}</text>
</el-form-item>
<el-form-item :label="`${form.manager.type === 1 ? '法人' : '授权人'}姓名`" required>
<el-input v-model="form.manager.personName" v-if="isEdit"/>
<text v-else>{{ userInfo.manager.personName }}</text>
</el-form-item>
<el-form-item label="证件类型" required>
<el-radio-group v-model="form.manager.certType" v-if="isEdit">
<el-radio :label="0">身份证</el-radio>
<el-radio :label="1">护照</el-radio>
</el-radio-group>
<text v-else>{{ userInfo.manager.certType === 0 ? '身份证' : '护照' }}</text>
</el-form-item>
<el-form-item :label="`${form.manager.type === 1 ? '法人' : '授权人'}证件号`" required>
<el-input v-model="form.manager.idCard" v-if="isEdit"/>
<text v-else>{{ userInfo.manager.idCard }}</text>
</el-form-item>
<el-form-item :label="`${form.manager.type === 1 ? '法人' : '授权人'}电话`" required>
<el-input v-model="form.manager.mobile" v-if="isEdit"/>
<text v-else>{{ userInfo.manager.mobile }}</text>
</el-form-item>
<el-form-item label="身份证头像面" required>
<vk-data-upload :limit="1" v-model="form.manager.headPhotoPath"
v-if="isEdit"></vk-data-upload>
<el-image :src="userInfo.manager.headPhotoPath" style="width: 100px;height: 100px"
fit="cover"
v-else-if="!isEdit && userInfo.manager.headPhotoPath && userInfo.manager.headPhotoPath.includes('.')"/>
</el-form-item>
<el-form-item label="身份证国徽面" required>
<vk-data-upload :limit="1" v-model="form.manager.backgroundIdCardPath"
v-if="isEdit"></vk-data-upload>
<el-image :src="userInfo.manager.backgroundIdCardPath" style="width: 100px;height: 100px"
fit="cover"
v-else-if="!isEdit && userInfo.manager.backgroundIdCardPath && userInfo.manager.backgroundIdCardPath.includes('.')"/>
</el-form-item>
<div class="flex justify-start items-center mt-20">
<el-button class="mx-20" type="primary" plain v-if="userInfo.authStatus !== 0"
@click.native="isEdit = !isEdit">{{
isEdit ? '取消' : '编辑'
}}
</el-button>
<el-button class="mx-20" type="primary" @click.native="submitAuth()"
v-if="userInfo.authStatus === null || [-1, 2].includes(userInfo.authStatus)">
提交企业认证
</el-button>
<view class="mx-20" v-if="userInfo.authStatus === 1">
<el-button type="primary" @click.native="submitAuth()" :disabled="!isEdit">提交企业认证
</el-button>
</view>
</div>
</template>
<personal-auth v-else/>
</template>
</template>
</el-form>
</el-card>
</view>
</template>
<script>
import {IdCard, Info} from '@icon-park/vue'
import ManageList from "./manageList.vue";
import form from "@icon-park/vue/lib/icons/Form";
import provinces from "@/uni_modules/vk-uview-ui/libs/address/provinces.json";
import citys from "@/uni_modules/vk-uview-ui/libs/address/citys.json";
import areas from "@/uni_modules/vk-uview-ui/libs/address/areas.json";
import PersonalAuth from "./personalAuth.vue";
var _ = require('lodash');
export default {
components: {PersonalAuth, ManageList, IdCard, Info},
data() {
// 页面数据变量
return {
provinceData: provinces,
cityData: citys,
areaData: areas,
addressIndex: [null, null, null],
manageList: [],
goodsCate: [],
isEdit: true,
form: {
authType: 1,
company: {
organization: '',
addressRegion: {},
addressDetail: '',
mobile: '',
legalName: '',
mailAddress: '',
contactEmail: '',
companyAccount: '',
companyBankName: '',
personAccount: '',
personBankName: '',
accountName: '',
businessType: '',
invoiceInfo: '',
taxType: '',
taxImage: [],
mainSpotCategoryIds: [],
mainSpotCategorySelf: ''
},
manager: {
type: null,
personName: '',
certType: '',
idCard: '',
mobile: '',
headPhotoPath: '',
backgroundIdCardPath: '',
},
},
userInfo: {},
// 表单相关开始-----------------------------------------------------------
form1: {
// 表单请求数据,此处可以设置默认值
data: {
person: {},
company: {},
manager: null,
fadadaConfirm: false,
authType: 1,
authStatus: null,
refuseReason: '',
organizationPath: '',
},
},
// 表单相关结束-----------------------------------------------------------
industryList: [],
userType: 0
};
},
created() {
this.getIndustryList()
this.getGoodsCate()
this.getUserInfo()
},
methods: {
async getIndustryList() {
const {rows} = await vk.callFunction({
url: 'client/industry/pub/getList'
})
this.industryList = rows
},
getUserInfo() {
vk.userCenter.getCurrentUserInfo({
success: (data) => {
this.userInfo = data.userInfo
for (let key in this.form) this.form[key] = data.userInfo[key]
if (!this.userInfo.userType) this.userType = 0
else this.userType = parseInt(this.userInfo.userType)
if (!this.userInfo.company.mailAddress && this.userInfo.company.address)
this.form.company.mailAddress = this.userInfo.company.address
if (JSON.stringify(data.userInfo.company.addressRegion) !== "{}" && data.userInfo.company.addressRegion && data.userInfo.company.addressRegion.province) {
this.addressIndex[0] = this.provinceData.findIndex(item => parseInt(item.code) === parseInt(data.userInfo.company.addressRegion.province.code))
if (this.addressIndex[0] !== -1) {
this.addressIndex[1] = this.cityData[this.addressIndex[0]].findIndex(item => parseInt(item.code) === parseInt(data.userInfo.company.addressRegion.city.code))
if (this.addressIndex[1] !== -1) {
this.addressIndex[2] = this.areaData[this.addressIndex[0]][this.addressIndex[1]].findIndex(item => parseInt(item.code) === parseInt(data.userInfo.company.addressRegion.area.code))
}
}
}
this.form1.data = _.pick(data.userInfo, [
'fadadaConfirm', 'person', 'company', 'manager', 'contactWechat',
'contactEmail', 'contactWechatImage', 'contactQq', 'mailAddress',
'authStatus', 'authType', 'refuseReason',
])
this.isEdit = this.userInfo.authStatus === -1
if (!this.form.manager) {
this.form.manager = {
type: null,
personName: '',
certType: null,
idCard: '',
mobile: '',
headPhotoPath: '',
backgroundIdCardPath: '',
}
this.userInfo.manager = {
type: null,
personName: '',
certType: null,
idCard: '',
mobile: '',
headPhotoPath: '',
backgroundIdCardPath: '',
}
} else {
this.form.manager.type = parseInt(this.form.manager.type)
this.form.manager.certType = parseInt(this.form.manager.certType)
if (this.userInfo.authStatus === -1) this.form.manager.headPhotoPath = ''
}
if (this.userInfo.authStatus !== -1) {
if (this.userInfo.fadadaConfirm || (this.userInfo.hasOwnProperty('authType') && this.userInfo.authType && parseInt(this.userInfo.authType) === 2)) this.form.authType = 2
if (!this.userInfo.company.mainSpotCategoryIds) {
this.form.company.mainSpotCategoryIds = []
this.userInfo.company.mainSpotCategoryIds = []
}
} else {
// this.form.company = {
// // organization: '',
// addressRegion: {},
// addressDetail: '',
// mobile: '',
// mailAddress: '',
// contactEmail: '',
// companyAccount: '',
// companyBankName: '',
// personAccount: '',
// personBankName: '',
// accountName: '',
// businessType: '',
// invoiceInfo: '',
// taxType: '',
// taxImage: '',
// mainSpotCategoryIds: [],
// }
this.form.company.organizationPath = ''
// this.form.company.addressRegion = {}
// this.form.company.mobile = ''
// this.form.company.mailAddress = ''
// this.form.company.contactEmail = ''
// this.form.company.companyAccount = ''
// this.form.company.companyBankName = ''
// this.form.company.personAccount = ''
// this.form.company.personBankName = ''
// this.form.company.accountName = ''
// this.form.company.businessType = ''
// this.form.company.invoiceInfo = ''
// this.form.company.taxType = ''
// this.form.company.taxImage = ''
}
if (data.userInfo.fadadaConfirm && data.userInfo.authStatus === 1 && data.userInfo.businessCard == null) {
this.$confirm('您尚未认证和完善名片,是否前往个人中心?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
vk.navigateTo('/pages/user/user?menu=fadada');
})
}
if (data.userInfo.fadadaConfirm && this.userType === 0 && data.userInfo.authStatus === -1) {
this.$confirm('请完善以下信息,完成审核', '提示', {
confirmButtonText: '确定',
showCancelButton: false,
})
}
if (this.userInfo.company.taxImage && !Array.isArray(this.userInfo.company.taxImage)) {
this.userInfo.company.taxImage = [this.userInfo.company.taxImage]
}
// this.getFile(data.userInfo.company.organizationPath)
}
});
},
getGoodsCate() {
vk.callFunction({
url: 'client/spot/category/pub/getList',
data: {
whereJson: {
level: 2
}
},
success: (res) => {
this.goodsCate = res.data
}
});
},
onFormSuccess1() {
window.location.reload()
},
getCertUrl(reset = false) {
vk.callFunction({
url: 'client/fadada.getVerifyUrl',
data: {reset},
success: (res) => {
window.open(res.data.url)
}
});
},
getFile(uuid) {
vk.callFunction({
url: 'client/fadada.getFile',
data: {uuid},
success: (res) => {
console.log(res)
}
});
},
addManage() {
this.manageList.push({})
},
allSubmit() {
this.form1.data.authStatus = 0
this.form1.data.refuseReason = null
this.form1.data.manager = this.manageList[0]
this.$refs.form1.submitForm()
},
async submitAuth(authStatus = 0) {
if (this.addressIndex[2] === null || !this.form.company.addressDetail) return this.$message({
type: 'error',
message: '请完善公司所在地'
})
// if (this.form.company.mainSpotCategoryIds.length === 0) return this.$message({
// type: 'error',
// message: '请选择主营商品'
// })
if (!this.form.company.mailAddress) return this.$message({
type: 'error',
message: '请完善有效通信地址'
})
if (!this.form.company.contactEmail) return this.$message({
type: 'error',
message: '请完善联系邮箱'
})
if (!this.form.company.legalName) return this.$message({
type: 'error',
message: '请完善法人姓名'
})
if (!this.form.company.addressRegion) this.form.company.addressRegion = {}
this.form.company.addressRegion.province = this.provinceData[this.addressIndex[0]]
this.form.company.addressRegion.city = this.cityData[this.addressIndex[0]][this.addressIndex[1]]
this.form.company.addressRegion.area = this.areaData[this.addressIndex[0]][this.addressIndex[1]][this.addressIndex[2]]
await vk.callFunction({
url: 'client/user/kh/addAuth',
title: '提交中...',
data: {...this.form, ...{authStatus}},
})
this.$message({
type: 'success',
message: '提交成功'
})
setTimeout(() => {
window.location.reload()
}, 1500)
},
makeCard() {
this.$emit('done', 'business-card')
},
getCertRes() {
vk.callFunction({
url: 'client/user/kh/getFadadaRes',
success: (res) => {
console.log(res)
}
})
},
changeUserType() {
vk.callFunction({
url: 'client/user/kh/changeUserType',
data: {
userType: this.userType
}
})
},
changeMainSpotCategorySelf() {
this.form.company.mainSpotCategoryIds = []
},
changeMainSpotCategoryIds() {
if (this.form.company.mainSpotCategoryIds.length === 0) {
this.form.company.mainSpotCategorySelf = ''
return
}
const cateList = this.goodsCate.filter(item => this.form.company.mainSpotCategoryIds.includes(item._id))
this.form.company.mainSpotCategorySelf = cateList.map(item => item.name).join(',')
},
}
}
</script>
<style scoped>
</style>