优化店铺详情页
parent
1e408eb8ae
commit
193628913a
|
@ -1,10 +1,16 @@
|
|||
<template>
|
||||
<div>
|
||||
<Card>
|
||||
<Button class="mb_10" v-if="shopForm.storeDisable === 'APPLYING'" type="primary" @click="audit">审核</Button>
|
||||
<Button class="mb_10" v-if="shopForm.storeDisable === 'APPLYING'" type="primary" @click="auditHandler">审核</Button>
|
||||
<Tabs v-model="tabName" :animated="false" style="overflow: visible">
|
||||
<Form ref="shopForm" :model="shopForm" :label-width="130" label-position="right" :rules="shopValidate" @on-validate="formValidate">
|
||||
|
||||
<Form
|
||||
ref="shopForm"
|
||||
:model="shopForm"
|
||||
:label-width="130"
|
||||
label-position="right"
|
||||
:rules="shopValidate"
|
||||
@on-validate="formValidate"
|
||||
>
|
||||
<TabPane label="基本信息" class="tab" name="base">
|
||||
<Divider orientation="left">基本信息</Divider>
|
||||
<!-- 遮罩层 -->
|
||||
|
@ -13,7 +19,9 @@
|
|||
<FormItem label="会员名称" prop="memberName">
|
||||
<div class="item">
|
||||
<Input disabled v-model="shopForm.memberName" />
|
||||
<Button @click="selectMember()" v-if="!$route.query.shopId">选择会员</Button>
|
||||
<Button @click="selectMember()" v-if="!$route.query.shopId"
|
||||
>选择会员</Button
|
||||
>
|
||||
</div>
|
||||
</FormItem>
|
||||
<FormItem label="店铺名称" prop="storeName">
|
||||
|
@ -21,9 +29,13 @@
|
|||
</FormItem>
|
||||
|
||||
<FormItem label="是否自营" prop="selfOperated">
|
||||
<RadioGroup type="button" button-style="solid" v-model="shopForm.selfOperated" >
|
||||
<Radio :label="1">自营</Radio>
|
||||
<Radio :label="0">非自营</Radio>
|
||||
<RadioGroup
|
||||
type="button"
|
||||
button-style="solid"
|
||||
v-model="shopForm.selfOperated"
|
||||
>
|
||||
<Radio label="true">自营</Radio>
|
||||
<Radio label="false">非自营</Radio>
|
||||
</RadioGroup>
|
||||
</FormItem>
|
||||
|
||||
|
@ -33,45 +45,85 @@
|
|||
type="info"
|
||||
v-if="!shopForm.storeCenter"
|
||||
@click="$refs.liliMap.showMap = true"
|
||||
>点击获取店铺定位</Button>
|
||||
<Button
|
||||
type="success"
|
||||
v-else
|
||||
@click="$refs.liliMap.showMap = true"
|
||||
>已定位</Button>
|
||||
>点击获取店铺定位</Button
|
||||
>
|
||||
<Button type="success" v-else @click="$refs.liliMap.showMap = true"
|
||||
>已定位</Button
|
||||
>
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="店铺所在地" prop="storeAddressPath">
|
||||
<Input disabled v-model="shopForm.storeAddressPath" style="width: 350px" />
|
||||
<Input
|
||||
disabled
|
||||
v-model="shopForm.storeAddressPath"
|
||||
style="width: 350px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="店铺详细地址" prop="storeAddressDetail">
|
||||
<Input v-model="shopForm.storeAddressDetail" clearable style="width: 350px" />
|
||||
<Input
|
||||
v-model="shopForm.storeAddressDetail"
|
||||
clearable
|
||||
style="width: 350px"
|
||||
/>
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="店铺logo" class="storeLogo">
|
||||
<Avatar style="height: 100px;width: 100px" v-if="shopForm.storeLogo" shape="square" icon="ios-person" size="default" :src="shopForm.storeLogo" />
|
||||
<Avatar
|
||||
style="height: 100px; width: 100px"
|
||||
v-if="shopForm.storeLogo"
|
||||
shape="square"
|
||||
icon="ios-person"
|
||||
size="default"
|
||||
:src="shopForm.storeLogo"
|
||||
/>
|
||||
<div>
|
||||
<Button @click="handleCLickImg('storeLogo')" type="primary">选择图片</Button>
|
||||
<Button @click="handleCLickImg('storeLogo')" type="primary"
|
||||
>选择图片</Button
|
||||
>
|
||||
</div>
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="店铺简介" prop="storeDesc" style="width: 350px">
|
||||
<Input v-model="shopForm.storeDesc" type="textarea" :rows="4" maxlength="200"
|
||||
show-word-limit clearable style="width: 400px" />
|
||||
<Input
|
||||
v-model="shopForm.storeDesc"
|
||||
type="textarea"
|
||||
:rows="4"
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
clearable
|
||||
style="width: 400px"
|
||||
/>
|
||||
</FormItem>
|
||||
<br>
|
||||
<br />
|
||||
<Divider orientation="left">退货收件地址</Divider>
|
||||
<FormItem label="收件人姓名">
|
||||
<Input v-model="shopForm.salesConsigneeName" clearable style="width: 350px" />
|
||||
<Input
|
||||
v-model="shopForm.salesConsigneeName"
|
||||
clearable
|
||||
style="width: 350px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="收件人手机">
|
||||
<Input v-model="shopForm.salesConsigneeMobile" clearable maxlength="11" style="width: 350px" />
|
||||
<Input
|
||||
v-model="shopForm.salesConsigneeMobile"
|
||||
clearable
|
||||
maxlength="11"
|
||||
style="width: 350px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="地址信息">
|
||||
<region style="width: 350px" @selected="selectedConsigneeRegion" :addressId="returnAddress" />
|
||||
<region
|
||||
style="width: 350px"
|
||||
@selected="selectedConsigneeRegion"
|
||||
:addressId="returnAddress"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="详细地址">
|
||||
<Input v-model="shopForm.salesConsigneeDetail" clearable style="width: 350px" />
|
||||
<Input
|
||||
v-model="shopForm.salesConsigneeDetail"
|
||||
clearable
|
||||
style="width: 350px"
|
||||
/>
|
||||
</FormItem>
|
||||
<Divider orientation="left">腾讯云智服</Divider>
|
||||
<FormItem label="唯一标识">
|
||||
|
@ -80,6 +132,7 @@
|
|||
<FormItem label="小程序唯一标识">
|
||||
<Input v-model="shopForm.yzfMpSign" clearable style="width: 350px" />
|
||||
</FormItem>
|
||||
<Spin fix v-if="loading"></Spin>
|
||||
</div>
|
||||
</TabPane>
|
||||
|
||||
|
@ -97,17 +150,31 @@
|
|||
<Input v-model="shopForm.companyPhone" clearable style="width: 350px" />
|
||||
</FormItem>
|
||||
<FormItem label="公司所在地" prop="companyAddressIdPath">
|
||||
<region style="width: 350px" @selected="selectedRegion" :addressId="address" />
|
||||
<region
|
||||
style="width: 350px"
|
||||
@selected="selectedRegion"
|
||||
:addressId="address"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="公司详细地址" prop="companyAddress">
|
||||
<Input v-model="shopForm.companyAddress" clearable style="width: 350px" />
|
||||
</FormItem>
|
||||
<FormItem label="员工总数" prop="employeeNum">
|
||||
<InputNumber style="width: 150px" :min="1" :max="9999999" v-model="shopForm.employeeNum">
|
||||
<InputNumber
|
||||
style="width: 150px"
|
||||
:min="1"
|
||||
:max="9999999"
|
||||
v-model="shopForm.employeeNum"
|
||||
>
|
||||
</InputNumber>
|
||||
</FormItem>
|
||||
<FormItem label="注册资金" prop="registeredCapital">
|
||||
<InputNumber style="width: 150px" :min="1" :max="9999999" v-model="shopForm.registeredCapital">
|
||||
<InputNumber
|
||||
style="width: 150px"
|
||||
:min="1"
|
||||
:max="9999999"
|
||||
v-model="shopForm.registeredCapital"
|
||||
>
|
||||
</InputNumber>
|
||||
<span style="margin-left: 10px">万</span>
|
||||
</FormItem>
|
||||
|
@ -115,7 +182,12 @@
|
|||
<Input v-model="shopForm.linkName" clearable style="width: 200px" />
|
||||
</FormItem>
|
||||
<FormItem label="联系人手机" prop="linkPhone">
|
||||
<Input v-model="shopForm.linkPhone" maxlength="11" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.linkPhone"
|
||||
maxlength="11"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="电子邮箱" prop="companyEmail">
|
||||
<Input v-model="shopForm.companyEmail" clearable style="width: 200px" />
|
||||
|
@ -140,77 +212,164 @@
|
|||
<Input v-model="shopForm.legalId" clearable style="width: 200px" />
|
||||
</FormItem>
|
||||
<FormItem label="法人身份证照片" prop="legalPhoto">
|
||||
<Avatar class="legal-photo" shape="square" size="100" icon="md-add" @click.native="handleCLickImg('legalPhoto', 0)" :src="shopForm.legalPhoto[0]" />
|
||||
<Avatar class="ml_10 legal-photo" shape="square" size="100" icon="md-add" @click.native="handleCLickImg('legalPhoto', 1)" :src="shopForm.legalPhoto[1]" />
|
||||
<Avatar
|
||||
class="legal-photo"
|
||||
shape="square"
|
||||
size="100"
|
||||
icon="md-add"
|
||||
@click.native="handleCLickImg('legalPhoto', 0)"
|
||||
:src="shopForm.legalPhoto[0]"
|
||||
/>
|
||||
<Avatar
|
||||
class="ml_10 legal-photo"
|
||||
shape="square"
|
||||
size="100"
|
||||
icon="md-add"
|
||||
@click.native="handleCLickImg('legalPhoto', 1)"
|
||||
:src="shopForm.legalPhoto[1]"
|
||||
/>
|
||||
<span>点击图片上传身份证正反面,要求身份证清晰,四角无缺漏</span>
|
||||
</FormItem>
|
||||
|
||||
<Divider orientation="left">结算银行信息</Divider>
|
||||
<FormItem label="银行开户名" prop="settlementBankAccountName">
|
||||
<Input v-model="shopForm.settlementBankAccountName" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.settlementBankAccountName"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="银行账号" prop="settlementBankAccountNum">
|
||||
<Input v-model="shopForm.settlementBankAccountNum" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.settlementBankAccountNum"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="银行支行名称" prop="settlementBankBranchName">
|
||||
<Input v-model="shopForm.settlementBankBranchName" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.settlementBankBranchName"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem label="支行联行号" prop="settlementBankJointName">
|
||||
<Input v-model="shopForm.settlementBankJointName" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.settlementBankJointName"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="许可证电子版">
|
||||
<Avatar style="height: 100px;width: 100px" v-if="shopForm.licencePhoto" shape="square" icon="ios-person" size="default" :src="shopForm.licencePhoto" />
|
||||
<Avatar
|
||||
style="height: 100px; width: 100px"
|
||||
v-if="shopForm.licencePhoto"
|
||||
shape="square"
|
||||
icon="ios-person"
|
||||
size="default"
|
||||
:src="shopForm.licencePhoto"
|
||||
/>
|
||||
<div>
|
||||
<Button @click="handleCLickImg('licencePhoto')" type="primary">选择图片</Button>
|
||||
<Button @click="handleCLickImg('licencePhoto')" type="primary"
|
||||
>选择图片</Button
|
||||
>
|
||||
</div>
|
||||
</FormItem>
|
||||
|
||||
<Spin fix v-if="loading"></Spin>
|
||||
</div>
|
||||
</TabPane>
|
||||
<TabPane label="经营范围" class="tab" name="category">
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<div v-if="isRead" class="mask">只读不可修改</div>
|
||||
<FormItem label="经营类目" prop="goodsManagementCategory">
|
||||
<div>
|
||||
<Checkbox :indeterminate="indeterminate" :value="checkAll" @click.prevent.native="handleCheckAll">全选
|
||||
<Checkbox
|
||||
:indeterminate="indeterminate"
|
||||
:value="checkAll"
|
||||
@click.prevent.native="handleCheckAll"
|
||||
>全选
|
||||
</Checkbox>
|
||||
</div>
|
||||
<CheckboxGroup v-model="checkAllGroup" @on-change="checkAllGroupChange">
|
||||
<Checkbox v-for="(item, i) in categories" :key="i + 1" :label="item.id">{{ item.name }}
|
||||
<Checkbox v-for="(item, i) in categories" :key="i + 1" :label="item.id"
|
||||
>{{ item.name }}
|
||||
</Checkbox>
|
||||
</CheckboxGroup>
|
||||
</FormItem>
|
||||
</TabPane>
|
||||
|
||||
<TabPane label="配送信息" class="tab" name="send">
|
||||
|
||||
<!-- 遮罩层 -->
|
||||
<FormItem label="达达编码" prop="ddCode">
|
||||
<Input v-model="shopForm.ddCode" maxlength="20" clearable style="width: 200px" />
|
||||
<Input
|
||||
v-model="shopForm.ddCode"
|
||||
maxlength="20"
|
||||
clearable
|
||||
style="width: 200px"
|
||||
/>
|
||||
</FormItem>
|
||||
</TabPane>
|
||||
|
||||
<TabPane label="结算信息" class="tab" name="settlement">
|
||||
<Alert type="error">已添加<span class="theme_color">{{settlementCycle.length}}</span>个结算日,最多可添加5个结算日,当月不包含所设日期时,将会顺延到下一个结算日</Alert>
|
||||
<Alert type="error"
|
||||
>已添加<span class="theme_color">{{ settlementCycle.length }}</span
|
||||
>个结算日,最多可添加5个结算日,当月不包含所设日期时,将会顺延到下一个结算日</Alert
|
||||
>
|
||||
<FormItem label="结算周期">
|
||||
<Tag v-for="item in settlementCycle" :key="item" :name="item" closable style="marrgin-left: 10px" @on-close="removesettlementCycle">{{ item }}
|
||||
<Tag
|
||||
v-for="item in settlementCycle"
|
||||
:key="item"
|
||||
:name="item"
|
||||
closable
|
||||
style="marrgin-left: 10px"
|
||||
@on-close="removesettlementCycle"
|
||||
>{{ item }}
|
||||
</Tag>
|
||||
<InputNumber size="small" :max="31" :min="1" v-model="day" v-show="settlementShow"></InputNumber>
|
||||
<Button type="default" @click="addsettlementCycle" size="small" v-if="addSettlementBtn && settlementCycle.length < 5" style="margin-left: 8px">添加结算周期
|
||||
<InputNumber
|
||||
size="small"
|
||||
:max="31"
|
||||
:min="1"
|
||||
v-model="day"
|
||||
v-show="settlementShow"
|
||||
></InputNumber>
|
||||
<Button
|
||||
type="default"
|
||||
@click="addsettlementCycle"
|
||||
size="small"
|
||||
v-if="addSettlementBtn && settlementCycle.length < 5"
|
||||
style="margin-left: 8px"
|
||||
>添加结算周期
|
||||
</Button>
|
||||
<Button v-if="addSettlementConfirmBtn" type="default" @click="addsettlementCycleConfirm" size="small" style="margin-left: 8px">确认
|
||||
<Button
|
||||
v-if="addSettlementConfirmBtn"
|
||||
type="default"
|
||||
@click="addsettlementCycleConfirm"
|
||||
size="small"
|
||||
style="margin-left: 8px"
|
||||
>确认
|
||||
</Button>
|
||||
</FormItem>
|
||||
</TabPane>
|
||||
</Form>
|
||||
</Tabs>
|
||||
<div align="center">
|
||||
|
||||
<Button type="info" v-show="tabNameList.indexOf(tabName)>0" class="mr_10" @click="prev">上一步</Button>
|
||||
<Button type="primary" v-show="tabNameList.indexOf(tabName)<4" @click="next">下一步</Button>
|
||||
<Button type="primary" v-show="tabNameList.indexOf(tabName) === 4" @click="save" v-if="!isRead">
|
||||
<Button
|
||||
type="info"
|
||||
v-show="tabNameList.indexOf(tabName) > 0"
|
||||
class="mr_10"
|
||||
@click="prev"
|
||||
>上一步</Button
|
||||
>
|
||||
<Button type="primary" v-show="tabNameList.indexOf(tabName) < 4" @click="next"
|
||||
>下一步</Button
|
||||
>
|
||||
<Button
|
||||
type="primary"
|
||||
v-show="tabNameList.indexOf(tabName) === 4"
|
||||
@click="save"
|
||||
v-if="!isRead"
|
||||
>
|
||||
{{ shopId ? "修改" : "保存" }}
|
||||
</Button>
|
||||
</div>
|
||||
|
@ -222,7 +381,29 @@
|
|||
</Modal>
|
||||
|
||||
<Modal width="1200px" v-model="memberModalFlag">
|
||||
<memberLayout @callback="callbackMember" class="selectedMember" ref="memberLayout" />
|
||||
<memberLayout
|
||||
@callback="callbackMember"
|
||||
class="selectedMember"
|
||||
ref="memberLayout"
|
||||
/>
|
||||
</Modal>
|
||||
|
||||
<Modal v-model="auditModel" width="360">
|
||||
<p slot="header" style="color: #f60; text-align: center">
|
||||
<Icon type="ios-information-circle"></Icon>
|
||||
<span>审核店铺</span>
|
||||
</p>
|
||||
<div style="text-align: center">
|
||||
<p>您确认要审核通过该店铺</p>
|
||||
</div>
|
||||
<div slot="footer">
|
||||
<Button type="error" :loading="auditModalLoading" @click="audit('REFUSED')"
|
||||
>驳回</Button
|
||||
>
|
||||
<Button type="info" :loading="auditModalLoading" @click="audit('PASS')"
|
||||
>通过</Button
|
||||
>
|
||||
</div>
|
||||
</Modal>
|
||||
</div>
|
||||
</template>
|
||||
|
@ -231,7 +412,7 @@
|
|||
import memberLayout from "@/views/member/list/index";
|
||||
import ossManage from "@/views/sys/oss-manage/ossManage";
|
||||
import { getCategoryTree } from "@/api/goods";
|
||||
import { shopDetail, shopAdd, shopEdit, getShopByMemberId,shopAudit } from "@/api/shops";
|
||||
import { shopDetail, shopAdd, shopEdit, getShopByMemberId, shopAudit } from "@/api/shops";
|
||||
import uploadPicInput from "@/views/my-components/lili/upload-pic-input";
|
||||
import region from "@/views/lili-components/region";
|
||||
import liliMap from "@/views/my-components/map/index";
|
||||
|
@ -251,42 +432,29 @@ export default {
|
|||
shopId: this.$route.query.shopId, // 店铺id
|
||||
isRead: false, // 是否只读,只有在店铺通过审核才可修改
|
||||
selectedFormBtnName: "", // 点击图片绑定form
|
||||
loading: false,
|
||||
auditModel: false,
|
||||
auditModalLoading: false,
|
||||
picModalFlag: false, // 图片选择器
|
||||
address: '', // 地址
|
||||
returnAddress: '', // 退货地址
|
||||
address: "", // 地址
|
||||
returnAddress: "", // 退货地址
|
||||
memberModalFlag: false, // 商家账号
|
||||
settlementShow: false, // 是否展示结算日输入框
|
||||
addSettlementConfirmBtn: false, // 添加结算日确认按钮
|
||||
addSettlementBtn: true, // 添加结算日按钮
|
||||
day: 1, //结算日
|
||||
tabName: 'base', // tab栏name值
|
||||
tabNameList: ['base', 'entry', 'category', 'send' ,'settlement'], // tab栏name值数组
|
||||
tabName: "base", // tab栏name值
|
||||
tabNameList: ["base", "entry", "category", "send", "settlement"], // tab栏name值数组
|
||||
shopValidate: {
|
||||
// 表单验证规则
|
||||
memberName: [
|
||||
{ required: true, message: "会员不能为空" },
|
||||
],
|
||||
storeName: [
|
||||
{ required: true, message: "店铺名称不能为空" },
|
||||
],
|
||||
companyAddress: [
|
||||
{ required: true, message: "公司地址不能为空" },
|
||||
],
|
||||
storeAddressDetail: [
|
||||
{ required: true, message: "店铺详细地址不能为空" },
|
||||
],
|
||||
storeDesc: [
|
||||
{ required: true, message: "店铺简介不能为空" },
|
||||
],
|
||||
storeCenter: [
|
||||
{ required: true, message: "店铺未定位" },
|
||||
],
|
||||
companyName: [
|
||||
{ required: true, message: "公司名称不能为空", },
|
||||
],
|
||||
companyPhone: [
|
||||
{ required: true, message: "公司电话不能为空", },
|
||||
],
|
||||
memberName: [{ required: true, message: "会员不能为空" }],
|
||||
storeName: [{ required: true, message: "店铺名称不能为空" }],
|
||||
companyAddress: [{ required: true, message: "公司地址不能为空" }],
|
||||
storeAddressDetail: [{ required: true, message: "店铺详细地址不能为空" }],
|
||||
storeDesc: [{ required: true, message: "店铺简介不能为空" }],
|
||||
storeCenter: [{ required: true, message: "店铺未定位" }],
|
||||
companyName: [{ required: true, message: "公司名称不能为空" }],
|
||||
companyPhone: [{ required: true, message: "公司电话不能为空" }],
|
||||
employeeNum: [
|
||||
{
|
||||
required: true,
|
||||
|
@ -295,9 +463,7 @@ export default {
|
|||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
companyAddressIdPath: [
|
||||
{ required: true, message: "请选择公司地址", },
|
||||
],
|
||||
companyAddressIdPath: [{ required: true, message: "请选择公司地址" }],
|
||||
registeredCapital: [
|
||||
{
|
||||
required: true,
|
||||
|
@ -306,11 +472,9 @@ export default {
|
|||
trigger: "blur",
|
||||
},
|
||||
],
|
||||
linkName: [
|
||||
{ required: true, message: "联系人姓名不能为空", },
|
||||
],
|
||||
linkName: [{ required: true, message: "联系人姓名不能为空" }],
|
||||
linkPhone: [
|
||||
{ required: true, message: "联系人手机号不能为空", },
|
||||
{ required: true, message: "联系人手机号不能为空" },
|
||||
{
|
||||
type: "string",
|
||||
pattern: /^1[3|4|5|6|7|8][0-9]{9}$/,
|
||||
|
@ -319,33 +483,17 @@ export default {
|
|||
},
|
||||
],
|
||||
companyEmail: [
|
||||
{ required: true, message: "邮箱不能为空", },
|
||||
{ type: "email", message: "邮箱格式错误", },
|
||||
],
|
||||
licenseNum: [
|
||||
{ required: true, message: "营业执照号不能为空", },
|
||||
],
|
||||
scope: [
|
||||
{ required: true, message: "法定经营范围不能为空", },
|
||||
],
|
||||
legalName: [
|
||||
{ required: true, message: "法人姓名不能为空", },
|
||||
],
|
||||
legalId: [
|
||||
{ required: true, message: "法人证件号不能为空", },
|
||||
],
|
||||
settlementBankAccountName: [
|
||||
{ required: true, message: "银行开户名不能为空", },
|
||||
],
|
||||
settlementBankAccountNum: [
|
||||
{ required: true, message: "银行账号不能为空", },
|
||||
],
|
||||
settlementBankBranchName: [
|
||||
{ required: true, message: "银行支行名称不能为空", },
|
||||
],
|
||||
settlementBankJointName: [
|
||||
{ required: true, message: "支行联行号不能为空", },
|
||||
{ required: true, message: "邮箱不能为空" },
|
||||
{ type: "email", message: "邮箱格式错误" },
|
||||
],
|
||||
licenseNum: [{ required: true, message: "营业执照号不能为空" }],
|
||||
scope: [{ required: true, message: "法定经营范围不能为空" }],
|
||||
legalName: [{ required: true, message: "法人姓名不能为空" }],
|
||||
legalId: [{ required: true, message: "法人证件号不能为空" }],
|
||||
settlementBankAccountName: [{ required: true, message: "银行开户名不能为空" }],
|
||||
settlementBankAccountNum: [{ required: true, message: "银行账号不能为空" }],
|
||||
settlementBankBranchName: [{ required: true, message: "银行支行名称不能为空" }],
|
||||
settlementBankJointName: [{ required: true, message: "支行联行号不能为空" }],
|
||||
|
||||
salesConsigneeMobile: [
|
||||
{
|
||||
|
@ -359,12 +507,12 @@ export default {
|
|||
indeterminate: true, // 复选框全选样式
|
||||
checkAll: false, // 全选
|
||||
checkAllGroup: [], // 全选数组
|
||||
|
||||
submitLoading: false, // 添加或编辑提交状态
|
||||
settlementCycle: [], // 结算周期
|
||||
shopForm: { // 店铺数据
|
||||
shopForm: {
|
||||
// 店铺数据
|
||||
settlementCycle: "",
|
||||
selfOperated: 0,
|
||||
selfOperated: "false",
|
||||
memberName: "",
|
||||
companyName: "",
|
||||
addressPath: "",
|
||||
|
@ -382,7 +530,7 @@ export default {
|
|||
licencePhoto: "",
|
||||
legalName: "",
|
||||
legalId: "",
|
||||
legalPhoto: ['', ''],
|
||||
legalPhoto: ["", ""],
|
||||
companyPhone: "",
|
||||
settlementBankAccountName: "",
|
||||
settlementBankAccountNum: "",
|
||||
|
@ -397,7 +545,7 @@ export default {
|
|||
categories: [], // 分类
|
||||
|
||||
infoResult: {}, // 店铺详情
|
||||
picIndex: '', // 存储身份证图片下标,方便赋值
|
||||
picIndex: "", // 存储身份证图片下标,方便赋值
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
@ -443,36 +591,35 @@ export default {
|
|||
//添加结算日
|
||||
addsettlementCycleConfirm() {
|
||||
if (!this.day) {
|
||||
this.$Message.warning('请输入正确的结算周期,1-31的整数')
|
||||
return
|
||||
this.$Message.warning("请输入正确的结算周期,1-31的整数");
|
||||
return;
|
||||
}
|
||||
if (this.settlementCycle.includes(this.day)) {
|
||||
this.$Message.warning('已有该结算周期,不能重复输入')
|
||||
return
|
||||
this.$Message.warning("已有该结算周期,不能重复输入");
|
||||
return;
|
||||
}
|
||||
this.settlementCycle.push(this.day);
|
||||
this.addSettlementConfirmBtn = false;
|
||||
this.addSettlementBtn = true;
|
||||
this.settlementShow = false;
|
||||
this.day = 1;
|
||||
|
||||
},
|
||||
// 选择公司地址
|
||||
selectedRegion(val) {
|
||||
this.$set(this.shopForm, 'companyAddressIdPath', val[0].toString());
|
||||
this.$set(this.shopForm, "companyAddressIdPath", val[0].toString());
|
||||
this.$set(
|
||||
this.shopForm,
|
||||
'companyAddressPath',
|
||||
val[1].toString().replace(/\s/g, '')
|
||||
"companyAddressPath",
|
||||
val[1].toString().replace(/\s/g, "")
|
||||
);
|
||||
},
|
||||
// 选择退货收件地址
|
||||
selectedConsigneeRegion(val) {
|
||||
this.$set(this.shopForm, 'salesConsigneeAddressId', val[0].toString());
|
||||
this.$set(this.shopForm, "salesConsigneeAddressId", val[0].toString());
|
||||
this.$set(
|
||||
this.shopForm,
|
||||
'salesConsigneeAddressPath',
|
||||
val[1].toString().replace(/\s/g, '')
|
||||
"salesConsigneeAddressPath",
|
||||
val[1].toString().replace(/\s/g, "")
|
||||
);
|
||||
},
|
||||
// 选择图片modal
|
||||
|
@ -480,17 +627,17 @@ export default {
|
|||
this.$refs.ossManage.selectImage = true;
|
||||
this.picModalFlag = true;
|
||||
this.selectedFormBtnName = val;
|
||||
this.picIndex = index
|
||||
this.picIndex = index;
|
||||
},
|
||||
// 图片回显
|
||||
callbackSelected(val) {
|
||||
this.picModalFlag = false;
|
||||
if (this.picIndex===0 || this.picIndex === 1) {
|
||||
if (this.picIndex === 0 || this.picIndex === 1) {
|
||||
this.shopForm[this.selectedFormBtnName][this.picIndex] = val.url;
|
||||
} else {
|
||||
this.shopForm[this.selectedFormBtnName] = val.url;
|
||||
}
|
||||
this.picIndex = ''
|
||||
this.picIndex = "";
|
||||
},
|
||||
// 初始化数据
|
||||
init() {
|
||||
|
@ -499,30 +646,32 @@ export default {
|
|||
this.getShopDetail();
|
||||
}
|
||||
},
|
||||
next () { // 下一步
|
||||
let index = this.tabNameList.indexOf(this.tabName) + 1
|
||||
this.tabName = this.tabNameList[index]
|
||||
next() {
|
||||
// 下一步
|
||||
let index = this.tabNameList.indexOf(this.tabName) + 1;
|
||||
this.tabName = this.tabNameList[index];
|
||||
},
|
||||
prev () { // 上一步
|
||||
let index = this.tabNameList.indexOf(this.tabName) - 1
|
||||
this.tabName = this.tabNameList[index]
|
||||
},
|
||||
formValidate (prop, status, error) { // 表单校验规则
|
||||
console.log(prop, status, error);
|
||||
prev() {
|
||||
// 上一步
|
||||
let index = this.tabNameList.indexOf(this.tabName) - 1;
|
||||
this.tabName = this.tabNameList[index];
|
||||
},
|
||||
formValidate(prop, status, error) {},
|
||||
// 获取店铺详情
|
||||
getShopDetail() {
|
||||
shopDetail(this.shopId).then((res) => {
|
||||
if (res.success) {
|
||||
this.infoResult = res.result;
|
||||
this.shopForm = res.result;
|
||||
this.shopForm.selfOperated ? this.shopForm.selfOperated = 1 : this.shopForm.selfOperated = 0
|
||||
this.shopForm.selfOperated
|
||||
? (this.shopForm.selfOperated = "true")
|
||||
: (this.shopForm.selfOperated = "false");
|
||||
|
||||
this.checkAllGroup = this.shopForm.goodsManagementCategory.split(",");
|
||||
if (this.shopForm.settlementCycle) {
|
||||
this.settlementCycle = this.shopForm.settlementCycle.split(',')
|
||||
this.settlementCycle = this.shopForm.settlementCycle.split(",");
|
||||
}
|
||||
this.shopForm.legalPhoto = this.shopForm.legalPhoto.split(',')
|
||||
this.shopForm.legalPhoto = this.shopForm.legalPhoto.split(",");
|
||||
|
||||
this.address = this.shopForm.companyAddressIdPath;
|
||||
this.returnAddress = this.shopForm.salesConsigneeAddressId;
|
||||
|
@ -540,11 +689,11 @@ export default {
|
|||
//校验经营类目
|
||||
if (this.checkAllGroup == "") {
|
||||
this.$Message.error("请选择店铺经营类目");
|
||||
this.tabName = 'cagetory'
|
||||
this.tabName = "cagetory";
|
||||
return;
|
||||
}
|
||||
if (valid) {
|
||||
const params = JSON.parse(JSON.stringify(this.shopForm))
|
||||
const params = JSON.parse(JSON.stringify(this.shopForm));
|
||||
//处理经营类目,结算日
|
||||
params.goodsManagementCategory = this.checkAllGroup;
|
||||
params.settlementCycle = this.settlementCycle;
|
||||
|
@ -575,7 +724,7 @@ export default {
|
|||
},
|
||||
// 点击定位获取店铺地址
|
||||
getAddress(item) {
|
||||
this.shopForm.storeCenter = item.position.lng + ',' + item.position.lat;
|
||||
this.shopForm.storeCenter = item.position.lng + "," + item.position.lat;
|
||||
this.$set(this.shopForm, "storeAddressPath", item.addr);
|
||||
this.$set(this.shopForm, "storeAddressIdPath", item.addrId);
|
||||
},
|
||||
|
@ -617,34 +766,29 @@ export default {
|
|||
}
|
||||
});
|
||||
},
|
||||
auditHandler() {
|
||||
this.auditModel = true;
|
||||
},
|
||||
// 审核店铺
|
||||
audit() {
|
||||
let id = this.$route.query.shopId
|
||||
this.$Modal.confirm({
|
||||
title: "审核店铺",
|
||||
content: "您确认要审核通过该店铺?",
|
||||
okText: "通过",
|
||||
cancelText: "驳回",
|
||||
loading: true,
|
||||
onOk: () => {
|
||||
audit(operation) {
|
||||
let id = this.$route.query.shopId;
|
||||
if (operation === "PASS") {
|
||||
shopAudit(id, 0).then((res) => {
|
||||
this.$Modal.remove();
|
||||
this.auditModel = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.$router.push({name: 'shopAuth'})
|
||||
this.$router.push({ name: "shopAuth" });
|
||||
}
|
||||
});
|
||||
},
|
||||
onCancel: () => {
|
||||
} else {
|
||||
shopAudit(id, 1).then((res) => {
|
||||
this.$Modal.remove();
|
||||
this.auditModel = false;
|
||||
if (res.success) {
|
||||
this.$Message.success("操作成功");
|
||||
this.$router.push({name: 'shopAuth'})
|
||||
this.$router.push({ name: "shopAuth" });
|
||||
}
|
||||
});
|
||||
},
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
created() {
|
||||
|
@ -698,7 +842,7 @@ export default {
|
|||
margin: 0 4px;
|
||||
}
|
||||
}
|
||||
.legal-photo{
|
||||
.legal-photo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
cursor: pointer;
|
||||
|
|
|
@ -52,7 +52,7 @@
|
|||
:on-success="handleSuccess"
|
||||
:on-error="handleError"
|
||||
:show-upload-list="false"
|
||||
:max-size="1024"
|
||||
:max-size="2048"
|
||||
:on-exceeded-size="handleMaxSize"
|
||||
multiple
|
||||
ref="up"
|
||||
|
|
Loading…
Reference in New Issue