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

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

@ -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" />
<FormItem label="店铺详细地址" prop="storeAddressDetail">
<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>
@ -89,45 +142,64 @@
<div v-if="isRead" class="mask">只读不可修改</div>
<Divider orientation="left">公司信息</Divider>
<div>
<FormItem label="公司名称" prop="companyName">
<FormItem label="公司名称" prop="companyName">
<Input v-model="shopForm.companyName" clearable style="width: 350px" />
</FormItem>
<FormItem label="公司电话" prop="companyPhone">
<FormItem label="公司电话" prop="companyPhone">
<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">
<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">
<FormItem label="员工总数" prop="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">
<FormItem label="注册资金" prop="registeredCapital">
<InputNumber
style="width: 150px"
:min="1"
:max="9999999"
v-model="shopForm.registeredCapital"
>
</InputNumber>
<span style="margin-left: 10px">万</span>
</FormItem>
<FormItem label="联系人姓名" prop="linkName">
<FormItem label="联系人姓名" prop="linkName">
<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" />
<FormItem label="联系人手机" prop="linkPhone">
<Input
v-model="shopForm.linkPhone"
maxlength="11"
clearable
style="width: 200px"
/>
</FormItem>
<FormItem label="电子邮箱" prop="companyEmail">
<FormItem label="电子邮箱" prop="companyEmail">
<Input v-model="shopForm.companyEmail" clearable style="width: 200px" />
</FormItem>
<Divider orientation="left">营业执照信息</Divider>
<FormItem label="营业执照号" prop="licenseNum">
<FormItem label="营业执照号" prop="licenseNum">
<Input v-model="shopForm.licenseNum" clearable style="width: 200px" />
</FormItem>
<FormItem label="法定经营范围" prop="scope">
<FormItem label="法定经营范围" prop="scope">
<Input v-model="shopForm.scope" clearable style="width: 200px" />
</FormItem>
@ -136,81 +208,168 @@
<FormItem label="法人姓名" prop="legalName">
<Input v-model="shopForm.legalName" clearable style="width: 200px" />
</FormItem>
<FormItem label="法人证件号" prop="legalId">
<FormItem label="法人证件号" prop="legalId">
<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,34 +483,18 @@ export default {
},
],
companyEmail: [
{ required: true, message: "邮箱不能为空", },
{ type: "email", 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: "支行联行号不能为空", },
],
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: [
{
type: "string",
@ -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: () => {
shopAudit(id, 0).then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.$router.push({name: 'shopAuth'})
}
});
},
onCancel: () => {
shopAudit(id, 1).then((res) => {
this.$Modal.remove();
if (res.success) {
this.$Message.success("操作成功");
this.$router.push({name: 'shopAuth'})
}
});
},
});
audit(operation) {
let id = this.$route.query.shopId;
if (operation === "PASS") {
shopAudit(id, 0).then((res) => {
this.auditModel = false;
if (res.success) {
this.$Message.success("操作成功");
this.$router.push({ name: "shopAuth" });
}
});
} else {
shopAudit(id, 1).then((res) => {
this.auditModel = false;
if (res.success) {
this.$Message.success("操作成功");
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;

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

@ -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"