|
|
@@ -2,7 +2,14 @@
|
|
|
<div>
|
|
|
<el-dialog :visible.sync="visible" v-bind="modalOptions">
|
|
|
<div>
|
|
|
- <el-form ref="formData" :model="formData" :rules="formRules" size="mini" label-suffix=":" label-width="160px">
|
|
|
+ <el-form
|
|
|
+ ref="formData"
|
|
|
+ :model="formData"
|
|
|
+ :rules="formRules"
|
|
|
+ size="mini"
|
|
|
+ label-suffix=":"
|
|
|
+ label-width="160px"
|
|
|
+ >
|
|
|
<div>
|
|
|
<el-tabs v-model="activeName">
|
|
|
<el-tab-pane label="授权信息" name="first">
|
|
|
@@ -18,27 +25,45 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否支持代金券" prop="isVoucher">
|
|
|
<el-radio-group v-model="formData.isVoucher">
|
|
|
- <el-radio :label="1">
|
|
|
- 允许
|
|
|
- </el-radio>
|
|
|
- <el-radio :label="2">
|
|
|
- 拒绝
|
|
|
- </el-radio>
|
|
|
+ <el-radio :label="1"> 允许 </el-radio>
|
|
|
+ <el-radio :label="2"> 拒绝 </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- v-if="formData.isVoucher === 1" :rules="[
|
|
|
- { required: true, message: '请输入代金券返还比例', trigger: 'blur' },
|
|
|
- { type: 'number', max: 100, min: 0, message: '请输入正确的代金券返还比例，0 ~ 100', trigger: ['blur', 'change'] }
|
|
|
- ]" label="代金券返还比例" prop="voucherReturn"
|
|
|
+ v-if="formData.isVoucher === 1"
|
|
|
+ :rules="[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入代金券返还比例',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ type: 'number',
|
|
|
+ max: 100,
|
|
|
+ min: 0,
|
|
|
+ message: '请输入正确的代金券返还比例，0 ~ 100',
|
|
|
+ trigger: ['blur', 'change'],
|
|
|
+ },
|
|
|
+ ]"
|
|
|
+ label="代金券返还比例"
|
|
|
+ prop="voucherReturn"
|
|
|
>
|
|
|
- <el-input v-model.number="formData.voucherReturn" style="width: 200px;" placeholder="请填写代金券返还比例，范围0 ~ 100">
|
|
|
+ <el-input
|
|
|
+ v-model.number="formData.voucherReturn"
|
|
|
+ style="width: 200px"
|
|
|
+ placeholder="请填写代金券返还比例，范围0 ~ 100"
|
|
|
+ >
|
|
|
<template #append>%</template>
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="代金券提现比例" prop="voucherCoinRatio">
|
|
|
- <el-input-number v-model="formData.voucherCoinRatio" :precision="2" :step="0.01" :max="1"></el-input-number>
|
|
|
- <span style="margin-left: 10px;">比例*100</span>
|
|
|
+ <el-input-number
|
|
|
+ v-model="formData.voucherCoinRatio"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ :max="1"
|
|
|
+ ></el-input-number>
|
|
|
+ <span style="margin-left: 10px">比例*100</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="是否支持消费金" prop="isBeeCoin">
|
|
|
<el-radio-group v-model="formData.isBeeCoin">
|
|
|
@@ -46,30 +71,66 @@
|
|
|
<el-radio :label="2">不支持</el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
- <el-form-item v-if="formData.isBeeCoin === 1" label="商家消费金提现比例" prop="beeCoinRatio">
|
|
|
- <el-input-number v-model="formData.beeCoinRatio" :precision="2" :step="0.01" :max="1"></el-input-number>
|
|
|
- <span style="margin-left: 10px;">比例*100</span>
|
|
|
+ <el-form-item
|
|
|
+ v-if="formData.isBeeCoin === 1"
|
|
|
+ label="商家消费金提现比例"
|
|
|
+ prop="beeCoinRatio"
|
|
|
+ >
|
|
|
+ <el-input-number
|
|
|
+ v-model="formData.beeCoinRatio"
|
|
|
+ :precision="2"
|
|
|
+ :step="0.01"
|
|
|
+ :max="1"
|
|
|
+ ></el-input-number>
|
|
|
+ <span style="margin-left: 10px">比例*100</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="店铺负责人" prop="chargePersonName">
|
|
|
- <el-input v-model="formData.chargePersonName" maxlength="20" />
|
|
|
+ <el-input
|
|
|
+ v-model="formData.chargePersonName"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="负责人电话" prop="chargePersonPhone">
|
|
|
<!-- .replace(/(\d{3})\d+(\d{4})$/, '$1****$2') -->
|
|
|
- <el-input v-model="formData.chargePersonPhone" maxlength="11" clearable />
|
|
|
+ <el-input
|
|
|
+ v-model="formData.chargePersonPhone"
|
|
|
+ maxlength="11"
|
|
|
+ clearable
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="请选择区域" prop="areaId">
|
|
|
<el-cascader
|
|
|
- v-model="regionArrDialog" :props="regionProps" size="large" placeholder="请选择区域"
|
|
|
- @change="formData.areaId = regionArrDialog[regionArrDialog.length - 1]"
|
|
|
+ v-model="regionArrDialog"
|
|
|
+ :props="regionProps"
|
|
|
+ size="large"
|
|
|
+ placeholder="请选择区域"
|
|
|
+ @change="
|
|
|
+ formData.areaId =
|
|
|
+ regionArrDialog[regionArrDialog.length - 1]
|
|
|
+ "
|
|
|
></el-cascader>
|
|
|
- <div v-if="formData.areaId">已选ID：{{ formData.areaId }}</div>
|
|
|
+ <div v-if="formData.areaId">
|
|
|
+ 已选ID：{{ formData.areaId }}
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="官方分类" prop="classifyId">
|
|
|
- <el-cascader
|
|
|
+ <!-- <el-cascader
|
|
|
v-model="formData.classificationArr" placeholder="请选择官方分类" :options="categoryList"
|
|
|
:props="{ checkStrictly: false, expandTrigger: 'hover', label: 'storeName', value: 'id', children: 'childs' }"
|
|
|
clearable
|
|
|
- />
|
|
|
+ /> -->
|
|
|
+ <el-cascader
|
|
|
+ v-model="formData.classificationId"
|
|
|
+ :options="categoryList"
|
|
|
+ :props="{
|
|
|
+ checkStrictly: false,
|
|
|
+ expandTrigger: 'hover',
|
|
|
+ label: 'storeName',
|
|
|
+ value: 'id',
|
|
|
+ children: 'childs',
|
|
|
+ }"
|
|
|
+ @change="handleSelectChange"
|
|
|
+ ></el-cascader>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="店铺地址" prop="shopAdress">
|
|
|
<el-input v-model="formData.shopAdress" maxlength="60" />
|
|
|
@@ -80,35 +141,42 @@
|
|
|
{{ formData.longitude }} - {{ formData.latitude }}
|
|
|
</span>
|
|
|
<el-button
|
|
|
- size="mini" type="primary" style="margin-left: 20px;"
|
|
|
- @click="$refs.selectAddressMapRef && $refs.selectAddressMapRef.show()"
|
|
|
+ size="mini"
|
|
|
+ type="primary"
|
|
|
+ style="margin-left: 20px"
|
|
|
+ @click="
|
|
|
+ $refs.selectAddressMapRef &&
|
|
|
+ $refs.selectAddressMapRef.show()
|
|
|
+ "
|
|
|
>
|
|
|
- {{ formData.longitude ? '修改' : '选择' }}
|
|
|
+ {{ formData.longitude ? "修改" : "选择" }}
|
|
|
</el-button>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="生效日期" prop="effectiveDate">
|
|
|
<el-date-picker
|
|
|
- v-model="formData.effectiveDate" value-format="yyyy-MM-dd" type="date"
|
|
|
+ v-model="formData.effectiveDate"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ type="date"
|
|
|
placeholder="选择日期"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="生效年限" prop="effectiveYear">
|
|
|
<el-input
|
|
|
- v-model="formData.effectiveYear" type="text" placeholder="请输入内容" maxlength="4"
|
|
|
+ v-model="formData.effectiveYear"
|
|
|
+ type="text"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ maxlength="4"
|
|
|
class="elipt"
|
|
|
- style="width: 50%" show-word-limit
|
|
|
+ style="width: 50%"
|
|
|
+ show-word-limit
|
|
|
/>
|
|
|
<span class="elspan">年</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="合同状态" prop="contractState">
|
|
|
<el-radio-group v-model="formData.contractState">
|
|
|
- <el-radio :label="1">
|
|
|
- 有效
|
|
|
- </el-radio>
|
|
|
- <el-radio :label="0">
|
|
|
- 无效
|
|
|
- </el-radio>
|
|
|
+ <el-radio :label="1"> 有效 </el-radio>
|
|
|
+ <el-radio :label="0"> 无效 </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="店铺类型" prop="shopType">
|
|
|
@@ -118,24 +186,44 @@
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- v-if="formData.shopType === 2" prop="startTime" label="营业开始时间" :rules="[
|
|
|
- { required: true, message: '请选择营业开始时间', trigger: 'blur' }
|
|
|
+ v-if="formData.shopType === 2"
|
|
|
+ prop="startTime"
|
|
|
+ label="营业开始时间"
|
|
|
+ :rules="[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择营业开始时间',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
]"
|
|
|
>
|
|
|
<el-time-select
|
|
|
- v-model="formData.startTime" placeholder="起始时间"
|
|
|
+ v-model="formData.startTime"
|
|
|
+ placeholder="起始时间"
|
|
|
:picker-options="{ start: '00:00', step: '00:05' }"
|
|
|
>
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- v-if="formData.shopType === 2" prop="endTime" label="营业结束时间" :rules="[
|
|
|
- { required: true, message: '请选择营业结束时间', trigger: 'blur' }
|
|
|
+ v-if="formData.shopType === 2"
|
|
|
+ prop="endTime"
|
|
|
+ label="营业结束时间"
|
|
|
+ :rules="[
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择营业结束时间',
|
|
|
+ trigger: 'blur',
|
|
|
+ },
|
|
|
]"
|
|
|
>
|
|
|
<el-time-select
|
|
|
- v-model="formData.endTime" placeholder="营业结束时间"
|
|
|
- :picker-options="{ start: '00:00', step: '00:05', end: '24:00' }"
|
|
|
+ v-model="formData.endTime"
|
|
|
+ placeholder="营业结束时间"
|
|
|
+ :picker-options="{
|
|
|
+ start: '00:00',
|
|
|
+ step: '00:05',
|
|
|
+ end: '24:00',
|
|
|
+ }"
|
|
|
>
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
@@ -150,22 +238,17 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="直播间商品审核" prop="auditLiveProduct">
|
|
|
<el-radio-group v-model="formData.auditLiveProduct">
|
|
|
- <el-radio :label="1">
|
|
|
- 开启
|
|
|
- </el-radio>
|
|
|
- <el-radio :label="0">
|
|
|
- 关闭
|
|
|
- </el-radio>
|
|
|
+ <el-radio :label="1"> 开启 </el-radio>
|
|
|
+ <el-radio :label="0"> 关闭 </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="兑换商品是否需要核销" prop="exchangeIsNeedVerification">
|
|
|
+ <el-form-item
|
|
|
+ label="兑换商品是否需要核销"
|
|
|
+ prop="exchangeIsNeedVerification"
|
|
|
+ >
|
|
|
<el-radio-group v-model="formData.exchangeIsNeedVerification">
|
|
|
- <el-radio :label="1">
|
|
|
- 是
|
|
|
- </el-radio>
|
|
|
- <el-radio :label="0">
|
|
|
- 否
|
|
|
- </el-radio>
|
|
|
+ <el-radio :label="1"> 是 </el-radio>
|
|
|
+ <el-radio :label="0"> 否 </el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
|
|
|
@@ -174,18 +257,31 @@
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="monthlySales" label="月售">
|
|
|
- <el-input v-model.number="formData.monthlySales" placeholder="请输入商家月售额" type="number"></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model.number="formData.monthlySales"
|
|
|
+ placeholder="请输入商家月售额"
|
|
|
+ type="number"
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="perCapita" label="人均">
|
|
|
- <el-input v-model.number="formData.perCapita" type="number" placeholder="请输入人均消费额" closeable></el-input>
|
|
|
+ <el-input
|
|
|
+ v-model.number="formData.perCapita"
|
|
|
+ type="number"
|
|
|
+ placeholder="请输入人均消费额"
|
|
|
+ closeable
|
|
|
+ ></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item prop="shopBrief" label="商家简介">
|
|
|
<el-input
|
|
|
- v-model="formData.shopBrief" autosize maxlength="250" show-word-limit
|
|
|
+ v-model="formData.shopBrief"
|
|
|
+ autosize
|
|
|
+ maxlength="250"
|
|
|
+ show-word-limit
|
|
|
type="textarea"
|
|
|
- placeholder="请输入商家简介" closeable
|
|
|
+ placeholder="请输入商家简介"
|
|
|
+ closeable
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
|
|
|
@@ -200,7 +296,9 @@
|
|
|
</el-upload> -->
|
|
|
|
|
|
<el-upload
|
|
|
- class="avatar-uploader" list-type="picture-card" :file-list="uploadList"
|
|
|
+ class="avatar-uploader"
|
|
|
+ list-type="picture-card"
|
|
|
+ :file-list="uploadList"
|
|
|
:action="uploadUrl"
|
|
|
:on-success="uploadSuccess"
|
|
|
:on-remove="removeSuccess"
|
|
|
@@ -211,10 +309,18 @@
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="客户信息" name="second">
|
|
|
<el-form-item label="账号" prop="shopPhone" maxlength="20">
|
|
|
- <el-input ref="shopPhoneCls" v-model="formData.shopPhone" maxlength="20" />
|
|
|
+ <el-input
|
|
|
+ ref="shopPhoneCls"
|
|
|
+ v-model="formData.shopPhone"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="密码" prop="shopPassword">
|
|
|
- <el-input v-model="formData.shopPassword" type="password" maxlength="16" />
|
|
|
+ <el-input
|
|
|
+ v-model="formData.shopPassword"
|
|
|
+ type="password"
|
|
|
+ maxlength="16"
|
|
|
+ />
|
|
|
</el-form-item>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
@@ -224,10 +330,21 @@
|
|
|
<template #footer>
|
|
|
<span class="dialog-footer">
|
|
|
<el-button size="mini" @click="handleClose">取 消</el-button>
|
|
|
- <el-button v-if="activeName === 'first'" type="primary" size="mini" @click="activeName = 'second'">
|
|
|
+ <el-button
|
|
|
+ v-if="activeName === 'first'"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="activeName = 'second'"
|
|
|
+ >
|
|
|
下一步
|
|
|
</el-button>
|
|
|
- <el-button v-else-if="activeName === 'second'" type="primary" size="mini" @click="handleSubmit">确 定</el-button>
|
|
|
+ <el-button
|
|
|
+ v-else-if="activeName === 'second'"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="handleSubmit"
|
|
|
+ >确 定</el-button
|
|
|
+ >
|
|
|
</span>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
|
@@ -235,251 +352,334 @@
|
|
|
<!-- 选择经纬度 -->
|
|
|
<SelectAddressMap
|
|
|
ref="selectAddressMapRef"
|
|
|
- @select="(address) => (formData.longitude = address[0]) && (formData.latitude = address[1])"
|
|
|
+ @select="
|
|
|
+ (address) =>
|
|
|
+ (formData.longitude = address[0]) && (formData.latitude = address[1])
|
|
|
+ "
|
|
|
></SelectAddressMap>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import SelectAddressMap from './SelectAddressMap'
|
|
|
-import { businessListGetById, businessListUpdate, businessListSave, businessClassList } from '@/api/business'
|
|
|
-import { getProvinceList, getChildAreaList } from '@/api/address'
|
|
|
-import { uploadUrl } from '@/utils/request'
|
|
|
-import XeUtils from 'xe-utils'
|
|
|
+import SelectAddressMap from "./SelectAddressMap";
|
|
|
+import {
|
|
|
+ businessListGetById,
|
|
|
+ businessListUpdate,
|
|
|
+ businessListSave,
|
|
|
+ businessClassList,
|
|
|
+} from "@/api/business";
|
|
|
+import { getProvinceList, getChildAreaList } from "@/api/address";
|
|
|
+import { uploadUrl } from "@/utils/request";
|
|
|
+import XeUtils from "xe-utils";
|
|
|
|
|
|
export default {
|
|
|
- name: 'EditModal',
|
|
|
+ name: "EditModal",
|
|
|
components: {
|
|
|
- SelectAddressMap
|
|
|
+ SelectAddressMap,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ test: "119",
|
|
|
modalOptions: {
|
|
|
closeOnClickModal: false,
|
|
|
- width: '820px',
|
|
|
- title: ''
|
|
|
+ width: "820px",
|
|
|
+ title: "",
|
|
|
},
|
|
|
visible: false,
|
|
|
formData: {
|
|
|
- shopId: '',
|
|
|
- shopName: '', // 店铺名称
|
|
|
- voucherCoinRatio: '', // 代金券提现比例
|
|
|
- isBeeCoin: '', // 是否支持消费金
|
|
|
- beeCoinRatio: '', // 商家消费金提现比例
|
|
|
- chargePersonName: '', // 店铺负责人
|
|
|
- chargePersonPhone: '', // 负责人电话
|
|
|
- shopAdress: '', // 地址
|
|
|
- effectiveDate: '', // 生效日期
|
|
|
- effectiveYear: '', // 生效年限
|
|
|
+ shopId: "",
|
|
|
+ shopName: "", // 店铺名称
|
|
|
+ voucherCoinRatio: "", // 代金券提现比例
|
|
|
+ isBeeCoin: "", // 是否支持消费金
|
|
|
+ beeCoinRatio: "", // 商家消费金提现比例
|
|
|
+ chargePersonName: "", // 店铺负责人
|
|
|
+ chargePersonPhone: "", // 负责人电话
|
|
|
+ shopAdress: "", // 地址
|
|
|
+ effectiveDate: "", // 生效日期
|
|
|
+ effectiveYear: "", // 生效年限
|
|
|
shopType: 2, // 商家类型 1 商家 2 本地
|
|
|
payType: 0, // 支付类型
|
|
|
isVoucher: 1, // 是否支持代金卷 1 true 2 false
|
|
|
- voucherReturn: '',
|
|
|
+ voucherReturn: "",
|
|
|
contractState: 1, // 合同状态 1-有效 0-无效
|
|
|
auditLive: 1,
|
|
|
auditLiveProduct: 1,
|
|
|
exchangeIsNeedVerification: 0,
|
|
|
- shopPhone: '', // 账号
|
|
|
- shopPassword: '', // 密码
|
|
|
- perCapita: '', // 人均
|
|
|
- score: '', // 评分
|
|
|
+ shopPhone: "", // 账号
|
|
|
+ shopPassword: "", // 密码
|
|
|
+ perCapita: "", // 人均
|
|
|
+ score: "", // 评分
|
|
|
advertisement: [], // 广告图
|
|
|
- areaId: '', // 区域id
|
|
|
- hsbMrchId: '', // 惠市宝商家编号，不是必填
|
|
|
- longitude: '', // 经纬度
|
|
|
- latitude: '', // 经纬度
|
|
|
- classificationId: '', // 商家分类id
|
|
|
+ areaId: "", // 区域id
|
|
|
+ hsbMrchId: "", // 惠市宝商家编号，不是必填
|
|
|
+ longitude: "", // 经纬度
|
|
|
+ latitude: "", // 经纬度
|
|
|
+ classificationId: "", // 商家分类id
|
|
|
classificationArr: [], // 非后端参数
|
|
|
- startTime: '',
|
|
|
- endTime: '',
|
|
|
- shopBrief: '', // 商家简介
|
|
|
- monthlySales: ''
|
|
|
+ startTime: "",
|
|
|
+ endTime: "",
|
|
|
+ shopBrief: "", // 商家简介
|
|
|
+ monthlySales: "",
|
|
|
},
|
|
|
formRules: {
|
|
|
- shopName: [ { required: true, message: '请输入店铺名称' } ],
|
|
|
- effectiveDate: [ { required: true, message: '请输入生效日期' } ],
|
|
|
- effectiveYear: [ { required: true, message: '请输入生效年限' } ],
|
|
|
- chargePersonName: [ { required: true, message: '请输入店铺负责人', trigger: 'blur' } ],
|
|
|
+ shopName: [{ required: true, message: "请输入店铺名称" }],
|
|
|
+ effectiveDate: [{ required: true, message: "请输入生效日期" }],
|
|
|
+ effectiveYear: [{ required: true, message: "请输入生效年限" }],
|
|
|
+ chargePersonName: [
|
|
|
+ { required: true, message: "请输入店铺负责人", trigger: "blur" },
|
|
|
+ ],
|
|
|
chargePersonPhone: [
|
|
|
- { required: true, message: '请输入负责人电话', trigger: 'blur' },
|
|
|
- { pattern: /^1[3456789]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
|
|
|
+ { required: true, message: "请输入负责人电话", trigger: "blur" },
|
|
|
+ {
|
|
|
+ pattern: /^1[3456789]\d{9}$/,
|
|
|
+ message: "目前只支持中国大陆的手机号码",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ shopAdress: [
|
|
|
+ { required: true, message: "请输入地址", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ contractState: [
|
|
|
+ { required: true, message: "请选择合同状态", trigger: "change" },
|
|
|
+ ],
|
|
|
+ shopType: [
|
|
|
+ { required: true, message: "请选择店铺类型", trigger: "change" },
|
|
|
+ ],
|
|
|
+ perCapita: [
|
|
|
+ { required: true, message: "请输入人均消费额", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ shopBrief: [
|
|
|
+ { required: true, message: "请填写商家介绍", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ isVoucher: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: "请选择是否允许使用代金卷",
|
|
|
+ trigger: "change",
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ auditLive: [
|
|
|
+ { required: true, message: "请选择状态", trigger: "change" },
|
|
|
+ ],
|
|
|
+ auditLiveProduct: [
|
|
|
+ { required: true, message: "请选择状态", trigger: "change" },
|
|
|
+ ],
|
|
|
+ exchangeIsNeedVerification: [
|
|
|
+ { required: true, message: "请选择状态", trigger: "change" },
|
|
|
+ ],
|
|
|
+ score: [
|
|
|
+ { required: true, message: "请选择商家评分", trigger: "change" },
|
|
|
+ ],
|
|
|
+ monthlySales: [
|
|
|
+ { required: true, message: "请输入商家月售额", trigger: "blur" },
|
|
|
],
|
|
|
- shopAdress: [ { required: true, message: '请输入地址', trigger: 'blur' } ],
|
|
|
- contractState: [ { required: true, message: '请选择合同状态', trigger: 'change' } ],
|
|
|
- shopType: [ { required: true, message: '请选择店铺类型', trigger: 'change' } ],
|
|
|
- perCapita: [ { required: true, message: '请输入人均消费额', trigger: 'blur' } ],
|
|
|
- shopBrief: [ { required: true, message: '请填写商家介绍', trigger: 'blur' } ],
|
|
|
- isVoucher: [ { required: true, message: '请选择是否允许使用代金卷', trigger: 'change' } ],
|
|
|
- auditLive: [ { required: true, message: '请选择状态', trigger: 'change' } ],
|
|
|
- auditLiveProduct: [ { required: true, message: '请选择状态', trigger: 'change' } ],
|
|
|
- exchangeIsNeedVerification: [ { required: true, message: '请选择状态', trigger: 'change' } ],
|
|
|
- score: [ { required: true, message: '请选择商家评分', trigger: 'change' } ],
|
|
|
- monthlySales: [ { required: true, message: '请输入商家月售额', trigger: 'blur' } ],
|
|
|
// advertisement: [ { required: true, message: '请上传广告图', trigger: 'trigger' } ],
|
|
|
// classificationArr: [ { required: true, type: 'array', message: '请选择分类' } ],
|
|
|
- areaId: [ { required: true, message: '请选择地址', trigger: 'blur' } ],
|
|
|
- longitude: [ { required: true, message: '请选择商家经纬度', trigger: 'blur' } ],
|
|
|
- isBeeCoin: [ { required: true, message: '请选择是否支持消费金' } ],
|
|
|
+ areaId: [{ required: true, message: "请选择地址", trigger: "blur" }],
|
|
|
+ longitude: [
|
|
|
+ { required: true, message: "请选择商家经纬度", trigger: "blur" },
|
|
|
+ ],
|
|
|
+ isBeeCoin: [{ required: true, message: "请选择是否支持消费金" }],
|
|
|
beeCoinRatio: [],
|
|
|
shopPhone: [
|
|
|
- { required: true, message: '请输入账号', trigger: 'blur' },
|
|
|
- { pattern: /^1[3456789]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
|
|
|
+ { required: true, message: "请输入账号", trigger: "blur" },
|
|
|
+ {
|
|
|
+ pattern: /^1[3456789]\d{9}$/,
|
|
|
+ message: "目前只支持中国大陆的手机号码",
|
|
|
+ },
|
|
|
],
|
|
|
shopPassword: [
|
|
|
- { required: true, message: '请输入密码', trigger: 'blur' },
|
|
|
- { pattern: /^[~!@#$%^&*\-+=_.0-9a-zA-Z]{8,16}$/, message: '8-16密码数字英文混合' }
|
|
|
- ]
|
|
|
+ { required: true, message: "请输入密码", trigger: "blur" },
|
|
|
+ {
|
|
|
+ pattern: /^[~!@#$%^&*\-+=_.0-9a-zA-Z]{8,16}$/,
|
|
|
+ message: "8-16密码数字英文混合",
|
|
|
+ },
|
|
|
+ ],
|
|
|
},
|
|
|
- activeName: 'first',
|
|
|
+ activeName: "first",
|
|
|
regionArrDialog: [],
|
|
|
regionProps: {
|
|
|
lazy: true,
|
|
|
- label: 'name',
|
|
|
- value: 'id',
|
|
|
+ label: "name",
|
|
|
+ value: "id",
|
|
|
lazyLoad(node, resolve) {
|
|
|
- const { level, value } = node
|
|
|
+ const { level, value } = node;
|
|
|
if (level === 0) {
|
|
|
getProvinceList().then((res) => {
|
|
|
- resolve(res.data)
|
|
|
- })
|
|
|
+ resolve(res.data);
|
|
|
+ });
|
|
|
} else if (level != 0) {
|
|
|
getChildAreaList(value).then((res) => {
|
|
|
- resolve(res.data.map((item) => {
|
|
|
- item.leaf = level === 3
|
|
|
- return item
|
|
|
- }))
|
|
|
- })
|
|
|
+ resolve(
|
|
|
+ res.data.map((item) => {
|
|
|
+ item.leaf = level === 3;
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ );
|
|
|
+ });
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
},
|
|
|
uploadUrl,
|
|
|
categoryList: [],
|
|
|
- uploadList: []
|
|
|
- }
|
|
|
+ uploadList: [],
|
|
|
+ };
|
|
|
},
|
|
|
watch: {
|
|
|
- 'formData.isBeeCoin': {
|
|
|
+ "formData.isBeeCoin": {
|
|
|
deep: true,
|
|
|
handler(val) {
|
|
|
if (val === 1) {
|
|
|
this.formRules.beeCoinRatio = [
|
|
|
- { required: true, message: '请输入商家消费金提现比例' },
|
|
|
- { pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/, message: '数值有误' }
|
|
|
- ]
|
|
|
+ { required: true, message: "请输入商家消费金提现比例" },
|
|
|
+ {
|
|
|
+ pattern: /^0\.\d{0,2}$|^[1-9]\d*\.\d{0,2}$|^[1-9]\d*$/,
|
|
|
+ message: "数值有误",
|
|
|
+ },
|
|
|
+ ];
|
|
|
} else {
|
|
|
- this.formRules.beeCoinRatio = []
|
|
|
+ this.formRules.beeCoinRatio = [];
|
|
|
}
|
|
|
- }
|
|
|
- }
|
|
|
+ },
|
|
|
+ },
|
|
|
},
|
|
|
created() {
|
|
|
- this.getCategoryTreeList()
|
|
|
+ this.getCategoryTreeList();
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleSelectChange(val){
|
|
|
+ this.formData.classificationId = val[val.length - 1]
|
|
|
+ },
|
|
|
+ // 递归获取id组
|
|
|
handleClose() {
|
|
|
- this.visible = false
|
|
|
+ this.visible = false;
|
|
|
},
|
|
|
async getCategoryTreeList() {
|
|
|
- const res = await businessClassList({ page: 1, pageSize: 9999 })
|
|
|
- XeUtils.eachTree(res.data.records, (item) => {
|
|
|
- if (Array.isArray(item.childs) && item.childs.length === 0) {
|
|
|
- item.childs = undefined
|
|
|
- }
|
|
|
- }, { children: 'childs' })
|
|
|
- this.categoryList = res.data.records
|
|
|
- },
|
|
|
- initList() {
|
|
|
+ const res = await businessClassList({ page: 1, pageSize: 9999 });
|
|
|
+ XeUtils.eachTree(
|
|
|
+ res.data.records,
|
|
|
+ (item) => {
|
|
|
+ if (Array.isArray(item.childs) && item.childs.length === 0) {
|
|
|
+ item.childs = undefined;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ { children: "childs" }
|
|
|
+ );
|
|
|
+ this.categoryList = res.data.records;
|
|
|
},
|
|
|
+ initList() {},
|
|
|
handleOpen(params = {}) {
|
|
|
- this.modalOptions.title = params.shopId ? '修改商家' : '新增商家'
|
|
|
+ this.modalOptions.title = params.shopId ? "修改商家" : "新增商家";
|
|
|
this.formData = Object.assign(this.$options.data().formData, params, {
|
|
|
// advertisement: params.advertisement ? params.advertisement.split(',').map((item) => ({ url: item, uid: item + Math.random() + new Date() })) : []
|
|
|
- })
|
|
|
+ });
|
|
|
// this.uploadList = this.formData.advertisement.split("&")
|
|
|
- const categoryItem = XeUtils.findTree(this.categoryList, (item) => item.id === String(params.classificationId))
|
|
|
+ const categoryItem = XeUtils.findTree(
|
|
|
+ this.categoryList,
|
|
|
+ (item) => item.id === String(params.classificationId)
|
|
|
+ );
|
|
|
if (categoryItem && Array.isArray(categoryItem.nodes)) {
|
|
|
- this.formData.classificationArr = categoryItem.nodes.map((v) => v.id)
|
|
|
+ this.formData.classificationArr = categoryItem.nodes.map((v) => v.id);
|
|
|
}
|
|
|
- if (this.formData.areaId) this.regionArrDialog = [ this.formData.areaId ]
|
|
|
- this.visible = true
|
|
|
- this.initList()
|
|
|
+ if (this.formData.areaId) this.regionArrDialog = [this.formData.areaId];
|
|
|
+ this.visible = true;
|
|
|
+ this.initList();
|
|
|
if (params.shopId) {
|
|
|
- this.getInfo(params.shopId)
|
|
|
+ this.getInfo(params.shopId);
|
|
|
} else {
|
|
|
- this.$refs.formData && this.$refs.formData.resetFields()
|
|
|
+ this.$refs.formData && this.$refs.formData.resetFields();
|
|
|
}
|
|
|
},
|
|
|
async getInfo(id) {
|
|
|
- const loading = this.$loading({ text: '加载中' })
|
|
|
+ const loading = this.$loading({ text: "加载中" });
|
|
|
try {
|
|
|
- const res = await businessListGetById({ shopId: id })
|
|
|
+ const res = await businessListGetById({ shopId: id });
|
|
|
this.formData = Object.assign(this.$options.data().formData, res.data, {
|
|
|
- shopId: res.data.shopId || '',
|
|
|
- voucherReturn: Number(res.data.voucherReturn)
|
|
|
+ shopId: res.data.shopId || "",
|
|
|
+ voucherReturn: Number(res.data.voucherReturn),
|
|
|
// advertisement: res.data.advertisement ? res.data.advertisement.split(',').map((item) => ({ url: item, uid: item + Math.random() + new Date() })) : []
|
|
|
// advertisement
|
|
|
- })
|
|
|
- const arr = this.formData.advertisement.split(',')
|
|
|
- if (arr[0] == '') {
|
|
|
- this.uploadList = []
|
|
|
+ });
|
|
|
+ const arr = this.formData.advertisement.split(",");
|
|
|
+ if (arr[0] == "") {
|
|
|
+ this.uploadList = [];
|
|
|
} else {
|
|
|
this.uploadList = arr.map((item) => ({
|
|
|
url: item,
|
|
|
- uid: item + Math.random() + new Date()
|
|
|
- }))
|
|
|
+ uid: item + Math.random() + new Date(),
|
|
|
+ }));
|
|
|
}
|
|
|
- const categoryItem = XeUtils.findTree(this.categoryList, (item) => item.id === String(res.data.classificationId))
|
|
|
+ const categoryItem = XeUtils.findTree(
|
|
|
+ this.categoryList,
|
|
|
+ (item) => item.id === String(res.data.classificationId)
|
|
|
+ );
|
|
|
if (categoryItem && Array.isArray(categoryItem.nodes)) {
|
|
|
- this.formData.classificationArr = categoryItem.nodes.map((v) => v.id)
|
|
|
+ this.formData.classificationArr = categoryItem.nodes.map((v) => v.id);
|
|
|
}
|
|
|
- if (this.formData.areaId) this.regionArrDialog = [ this.formData.areaId ]
|
|
|
+ if (this.formData.areaId) this.regionArrDialog = [this.formData.areaId];
|
|
|
this.$nextTick(() => {
|
|
|
- this.$refs.formData && this.$refs.formData.validate()
|
|
|
- })
|
|
|
+ this.$refs.formData && this.$refs.formData.validate();
|
|
|
+ });
|
|
|
} finally {
|
|
|
- loading.close()
|
|
|
+ loading.close();
|
|
|
}
|
|
|
},
|
|
|
handleSubmit() {
|
|
|
this.$refs.formData.validate(async (valid) => {
|
|
|
if (valid) {
|
|
|
- const loading = this.$loading({ text: '加载中' })
|
|
|
+ const loading = this.$loading({ text: "加载中" });
|
|
|
try {
|
|
|
- const { advertisement, classificationArr, ...otps } = this.formData
|
|
|
+ const { advertisement, classificationArr, ...otps } = this.formData;
|
|
|
const params = {
|
|
|
...otps,
|
|
|
// advertisement: Array.isArray(advertisement) ? advertisement.map((v) => v.url || v).join(',') : '',
|
|
|
- classificationId: Array.isArray(classificationArr) && classificationArr.length ? classificationArr[classificationArr.length - 1] : ''
|
|
|
- }
|
|
|
- params.advertisement = this.uploadList.reduce((prev, item, index) => {
|
|
|
- prev += item.url + ','
|
|
|
- return prev
|
|
|
- }, '')
|
|
|
+ // classificationId:
|
|
|
+ // Array.isArray(classificationArr) && classificationArr.length
|
|
|
+ // ? classificationArr[classificationArr.length - 1]
|
|
|
+ // : "",
|
|
|
+ };
|
|
|
+ params.advertisement = this.uploadList.reduce(
|
|
|
+ (prev, item, index) => {
|
|
|
+ prev += item.url + ",";
|
|
|
+ return prev;
|
|
|
+ },
|
|
|
+ ""
|
|
|
+ );
|
|
|
// 删除最后一个字符
|
|
|
- params.advertisement = params.advertisement.substring(0, params.advertisement.length - 1)
|
|
|
- this.formData.shopId ? await businessListUpdate(params) : await businessListSave(params)
|
|
|
- loading.close()
|
|
|
- this.$message({ message: `${this.formData.shopId ? '编辑' : '添加'}成功!`, type: 'success' })
|
|
|
- this.$emit('success')
|
|
|
- this.visible = false
|
|
|
+ params.advertisement = params.advertisement.substring(
|
|
|
+ 0,
|
|
|
+ params.advertisement.length - 1
|
|
|
+ );
|
|
|
+ this.formData.shopId
|
|
|
+ ? await businessListUpdate(params)
|
|
|
+ : await businessListSave(params);
|
|
|
+ loading.close();
|
|
|
+ this.$message({
|
|
|
+ message: `${this.formData.shopId ? "编辑" : "添加"}成功!`,
|
|
|
+ type: "success",
|
|
|
+ });
|
|
|
+ this.$emit("success");
|
|
|
+ this.visible = false;
|
|
|
} catch (e) {
|
|
|
- loading.close()
|
|
|
+ loading.close();
|
|
|
} finally {
|
|
|
- loading.close()
|
|
|
+ loading.close();
|
|
|
}
|
|
|
} else {
|
|
|
- this.$message({ message: '请输入相关信息', type: 'warning' })
|
|
|
- return false
|
|
|
+ this.$message({ message: "请输入相关信息", type: "warning" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
},
|
|
|
uploadSuccess(r) {
|
|
|
- console.log(r)
|
|
|
- this.uploadList.push({ url: r.data.url, uid: r.url + Math.random() + Date.now() })
|
|
|
+ console.log(r);
|
|
|
+ this.uploadList.push({
|
|
|
+ url: r.data.url,
|
|
|
+ uid: r.url + Math.random() + Date.now(),
|
|
|
+ });
|
|
|
},
|
|
|
removeSuccess(r) {
|
|
|
- this.uploadList = this.uploadList.filter((item) => item.uid !== r.uid)
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
+ this.uploadList = this.uploadList.filter((item) => item.uid !== r.uid);
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
wzy