zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化店铺详情页

master
paulGao 2021-12-23 21:20:37 +08:00
parent 1e408eb8ae
commit 193628913a
2 changed files with 335 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

476
manager/src/views/seller/shop/shopOperation.vue
View File

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

2
manager/src/views/sys/oss-manage/ossManage.vue
View File

@ -52,7 +52,7 @@
:on-success="handleSuccess" :on-success="handleSuccess"
:on-error="handleError" :on-error="handleError"
:show-upload-list="false" :show-upload-list="false"
:max-size="1024" :max-size="2048"
:on-exceeded-size="handleMaxSize" :on-exceeded-size="handleMaxSize"
multiple multiple
ref="up" ref="up"