Skip to content

G
gxpt_web
Commit f3ad81b3 by 吕明尚
Options

订单删除功能取消，增加抖音优惠卷管理关联抖音团购id，增加门店关联抖音店铺id

parent a15935f1
Showing with 801 additions and 13 deletions
src/api/system/coupon.js
...@@ -16,6 +16,13 @@ export function queryshopdeal() { ...@@ -16,6 +16,13 @@ export function queryshopdeal() {
}) })
} }
export function querySkuPoiList() {
return request({
url: '/system/coupon/querySkuPoiList',
method: 'get'
})
}
export function listDuration(query) { export function listDuration(query) {
return request({ return request({
url: '/system/coupon/list/duration', url: '/system/coupon/list/duration',
......
src/api/system/store.js
...@@ -110,3 +110,13 @@ export function scope(query) { ...@@ -110,3 +110,13 @@ export function scope(query) {
}) })
} }
// 查询美团点评列表
export function poi(query) {
return request({
url: '/system/store/poiQuery',
method: 'get',
params: query
})
}
src/views/system/coupon/index.vue
...@@ -321,10 +321,11 @@ import {storeList} from '@/api/system/store' ...@@ -321,10 +321,11 @@ import {storeList} from '@/api/system/store'
import {listGroup, getCoupon, delCoupon, addCoupon, updateCoupon} from "@/api/system/coupon"; import {listGroup, getCoupon, delCoupon, addCoupon, updateCoupon} from "@/api/system/coupon";
import {query} from '@/api/system/pack'; import {query} from '@/api/system/pack';
import queryShopDeal from "./queryShopDeal"; import queryShopDeal from "./queryShopDeal";
import querySkuId from "./querySkuId.vue";
export default { export default {
name: "Coupon", name: "Coupon",
components: {queryShopDeal}, components: {queryShopDeal, querySkuId},
dicts: ['store_coupon_type', 'store_type', 'store_room_type', 'store_platform_type', 'cash_coupon_type', 'store_order_type', 'coupon_use_status', 'sunday_type'], dicts: ['store_coupon_type', 'store_type', 'store_room_type', 'store_platform_type', 'cash_coupon_type', 'store_order_type', 'coupon_use_status', 'sunday_type'],
data() { data() {
return { return {
...@@ -366,7 +367,7 @@ export default { ...@@ -366,7 +367,7 @@ export default {
validStartTime: null, validStartTime: null,
validEndTime: null, validEndTime: null,
useStatus: null, useStatus: null,
platformType: null, platformType: 2,
startDate: null, startDate: null,
endDate: null, endDate: null,
}, },
...@@ -567,7 +568,7 @@ export default { ...@@ -567,7 +568,7 @@ export default {
}); });
} else { } else {
addCoupon(this.form).then(response => { addCoupon(this.form).then(response => {
if (response.data.code) { if (response.code) {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); this.getList();
...@@ -606,7 +607,6 @@ export default { ...@@ -606,7 +607,6 @@ export default {
this.form.subPrice = subPrice; this.form.subPrice = subPrice;
this.form.dealgroupId = dealgroupId; this.form.dealgroupId = dealgroupId;
this.form.storeIds = storeIds; this.form.storeIds = storeIds;
} }
} }
}; };
......
src/views/system/coupon/querySkuId.vue 0 → 100644
<template>
<!-- 授权用户 -->
<el-dialog title="抖音团购信息" :visible.sync="tiktokvisible" width="80%" top="5vh" append-to-body>
<el-row>
<el-table @row-click="clickRow" ref="table" :data="dataList" height="500px">
<el-table-column label="套餐名称" align="center" prop="name"/>
<el-table-column label="有效期开始" align="center" prop="startDate">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.startDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="有效期结束" align="center" prop="endDate">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="套餐价格" align="center" prop="subPrice"/>
<el-table-column label="团购ID" align="center" prop="tiktokSkuId"/>
<el-table-column label="适用门店id" align="center" prop="storeIds" width="350">
<template slot-scope="scope">
<div v-if="scope.row.storeIds" style="display: flex;flex-wrap: wrap;width: 100%;">
<dict-tag style="margin: 0 3px;" v-for="(item ,k) in scope.row.storeIds" :key="k" :options="storeList"
:value="item"/>
</div>
</template>
</el-table-column>
</el-table>
</el-row>
</el-dialog>
</template>
<script>
import {querySkuPoiList} from "@/api/system/coupon";
import {storeList} from '@/api/system/store'
export default {
data() {
return {
// 遮罩层
tiktokvisible: false,
// 总条数
total: 0,
// 团购劵信息
dataList: [],
storeList: []
};
},
methods: {
// 显示弹框
show() {
this.onStoreList();
this.getList();
this.tiktokvisible = true;
},
clickRow(row) {
this.$emit('selectSku', row.tiktokSkuId, row.name, row.subPrice, row.startDate, row.endDate, row.storeIds);
this.dataList = [];
this.tiktokvisible = false;
},
// 查询表数据
getList() {
querySkuPoiList().then(res => {
this.dataList = res.data.map(item => {
return {
...item,
storeIds: item.storeIds ? item.storeIds.split(",") : []
}
});
});
},
onStoreList() {
storeList().then(res => {
this.storeList = res.data.map(obj => {
return {
...obj,
raw: {
dictSort: 1,
dictValue: "1",
listClass: "primary",
cssClass: ''
},
value: obj.id.toString(),
label: obj.name,
}
})
this.$forceUpdate();
})
},
}
};
</script>
src/views/system/coupon/tiktokindex.vue 0 → 100644
<template>
<div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="120px">
<el-form-item label="优惠券名称" prop="name">
<el-input
v-model="queryParams.name"
placeholder="请输入优惠券名称"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="订单类型" prop="orderType">
<el-select v-model="queryParams.orderType" placeholder="请选择订单类型" clearable>
<el-option
key="1"
label="预订"
value="1"
/>
<el-option
key="2"
label="续单"
value="2"
/>
</el-select>
</el-form-item>
<!-- <el-form-item label="适用套餐" prop="packageId">-->
<!-- <el-select v-model="queryParams.packageId" placeholder="请选择适用套餐" clearable>-->
<!-- <el-option-->
<!-- v-for="dict in packList"-->
<!-- :key="dict.value"-->
<!-- :label="dict.label"-->
<!-- :value="dict.value"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<el-form-item label="有效期开始" prop="startDate">
<el-date-picker clearable
v-model="queryParams.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择有效期开始">
</el-date-picker>
</el-form-item>
<el-form-item label="有效期结束" prop="endDate">
<el-date-picker clearable
v-model="queryParams.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择有效期结束">
</el-date-picker>
</el-form-item>
<el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['system:coupon:add']"
>新增
</el-button>
</el-col>
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="success"-->
<!-- plain-->
<!-- icon="el-icon-edit"-->
<!-- size="mini"-->
<!-- :disabled="single"-->
<!-- @click="handleUpdate"-->
<!-- v-hasPermi="['system:coupon:edit']"-->
<!-- >修改-->
<!-- </el-button>-->
<!-- </el-col>-->
<!-- <el-col :span="1.5">-->
<!-- <el-button-->
<!-- type="danger"-->
<!-- plain-->
<!-- icon="el-icon-delete"-->
<!-- size="mini"-->
<!-- :disabled="multiple"-->
<!-- @click="handleDelete"-->
<!-- v-hasPermi="['system:coupon:remove']"-->
<!-- >删除-->
<!-- </el-button>-->
<!-- </el-col>-->
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:coupon:export']"
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="couponList" @selection-change="handleSelectionChange">
<!-- <el-table-column type="selection" width="55" align="center"/>-->
<el-table-column type="index" width="55" align="center" label="序号"/>
<el-table-column label="优惠券名称" align="center" prop="name"/>
<el-table-column label="优惠券类型" align="center" prop="couponType">
<template slot-scope="scope">
<dict-tag :options="dict.type.store_coupon_type" :value="scope.row.couponType"/>
</template>
</el-table-column>
<!-- <el-table-column label="时长" align="center" prop="duration" />-->
<el-table-column label="平台类型" align="center" prop="platformType">
<template slot-scope="scope">
<dict-tag :options="dict.type.store_platform_type" :value="scope.row.platformType"/>
</template>
</el-table-column>
<el-table-column label="订单类型" align="center" prop="orderType">
<template slot-scope="scope">
<dict-tag :options="dict.type.store_order_type" :value="scope.row.orderType"/>
</template>
</el-table-column>
<el-table-column label="适用套餐" align="center" prop="packIds">
<template slot-scope="scope">
<div v-if="scope.row.packIds">
<dict-tag :options="packList" :value="scope.row.packIds.split(',')"/>
</div>
</template>
</el-table-column>
<el-table-column label="适用星期" align="center" prop="weeks" width="250px">
<template slot-scope="scope">
<dict-tag :options="dict.type.sunday_type" :value="scope.row.weeks"/>
</template>
</el-table-column>
<el-table-column label="适用门店" align="center" prop="storeIds" width="350">
<template slot-scope="scope">
<div v-if="scope.row.storeIds" style="display: flex;flex-wrap: wrap;width: 100%;">
<dict-tag style="margin: 0 3px;" v-for="(item ,k) in scope.row.storeIds" :key="k" :options="storeList"
:value="item"/>
</div>
</template>
</el-table-column>
<el-table-column label="有效期开始" align="center" prop="startDate">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.startDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="有效期结束" align="center" prop="endDate">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="有效开始时段" align="center" prop="validStartTime" width="180"/>
<el-table-column label="有效结束时段" align="center" prop="validEndTime" width="180"/>
<!-- <el-table-column label="数量" align="center" prop="number"/>-->
<el-table-column label="说明" align="center" prop="remark"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['system:coupon:edit']"
>修改
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['system:coupon:remove']"
>删除
</el-button>
</template>
</el-table-column>
</el-table>
<pagination
v-show="total>0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
@pagination="getList"
/>
<!-- 添加或修改优惠券对话框 -->
<el-dialog :title="title" :visible.sync="tiktokopen" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
<el-form-item label="优惠券名称" prop="name">
<el-input v-model="form.name" placeholder="请输入优惠券名称"/>
</el-form-item>
<el-form-item label="优惠券类型" prop="couponType">
<el-select v-model="form.couponType" placeholder="请选择优惠券类型" disabled>
<el-option
v-for="dict in dict.type.cash_coupon_type"
:key="dict.value"
:label="dict.label"
:value="parseInt(dict.value)"
></el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="时长" prop="duration">-->
<!-- <el-input-number v-model="form.duration" :min="0" :max="24" placeholder="请输入时长"/>-->
<!-- </el-form-item>-->
<el-form-item label="平台类型" prop="platformType">
<!--输入框 显示美团 值为2-->
<el-select v-model="form.platformType" placeholder="请选择平台类型" clearable disabled>
<el-option
key="3"
label="抖音"
value="3"
/>
</el-select>
</el-form-item>
<el-form-item label="抖音团购id" prop="tiktokSkuId">
<el-input @focus="openSku()" v-model="form.tiktokSkuId" placeholder="请输入抖音团购id"/>
</el-form-item>
<el-form-item label="订单类型" prop="orderType">
<el-select v-model="form.orderType" placeholder="请选择订单类型" clearable>
<el-option
key="1"
label="预订"
value="1"
/>
<el-option
key="2"
label="续单"
value="2"
/>
</el-select>
</el-form-item>
<el-form-item label="适用星期" prop="weeks">
<div style="display: flex;flex-direction: row;align-items: center;width: 100%;">
<el-select style="width: 100%;" v-model="weeks" multiple placeholder="选择星期" @change="onChangeweeks">
<el-option
v-for="dict in dict.type.sunday_type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</div>
</el-form-item>
<el-form-item label="套餐" prop="packageId">
<el-select v-model="form.packIds" placeholder="请选择套餐" multiple clearable>
<el-option
v-for="dict in packList"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="有效期开始" prop="startDate">
<el-date-picker clearable disabled
v-model="form.startDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择有效期开始">
</el-date-picker>
</el-form-item>
<el-form-item label="有效期结束" prop="endDate">
<el-date-picker clearable disabled
v-model="form.endDate"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择有效期结束">
</el-date-picker>
</el-form-item>
<el-form-item label="有效开始时段" prop="validStartTime">
<el-time-select clearable
v-model="form.validStartTime"
:picker-options="{
start: '00:00',
step: '01:00',
end: '23:00'
}"
placeholder="选择开始时段">
</el-time-select>
</el-form-item>
<el-form-item label="有效结束时段" prop="validEndTime">
<el-time-select clearable
v-model="form.validEndTime"
:picker-options="{
start: '00:00',
step: '01:00',
end: '23:00'
}"
placeholder="选择结束时段">
</el-time-select>
</el-form-item>
<!-- <el-form-item label="数量" prop="number">-->
<!-- <el-input-number v-model="form.number" :min="0" :max="9999" label="优惠卷数量"/>-->
<!-- &lt;!&ndash; <el-input v-model="form.number" type="textarea" placeholder="请输入数量" />&ndash;&gt;-->
<!-- </el-form-item>-->
<el-form-item label="说明" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
<querySkuId ref="selectSkuList" @selectSku="querySku"/>
</div>
</template>
<script>
import {storeList} from '@/api/system/store'
import {listGroup, getCoupon, delCoupon, addCoupon, updateCoupon} from "@/api/system/coupon";
import {query} from '@/api/system/pack';
import querySkuId from "./querySkuId.vue";
export default {
name: "Coupon",
components: {querySkuId},
dicts: ['store_coupon_type', 'store_type', 'store_room_type', 'store_platform_type', 'cash_coupon_type', 'store_order_type', 'coupon_use_status', 'sunday_type'],
data() {
return {
// 遮罩层
loading: true,
// 选中数组
ids: [],
// 非单个禁用
single: true,
// 非多个禁用
multiple: true,
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
storeType: [],
roomType: [],
// 优惠券表格数据
couponList: [],
packList: [],
storeList: [],
weeks: [],
storeIds: [],
// 弹出层标题
title: "",
// 是否显示弹出层
tiktokopen: false,
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
name: null,
packageId: '',
orderType: '',
couponType: null,
duration: null,
minPrice: null,
subPrice: null,
validStartTime: null,
validEndTime: null,
useStatus: null,
platformType: 3,
startDate: null,
endDate: null,
},
// 表单参数
form: {},
// 表单校验
rules: {
subPrice: [
//只保留2位小数
{pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{0,2})?$/, message: "请输入正确的优惠金额", trigger: "blur"}
],
name: [
{required: true, message: "优惠券名称不能为空", trigger: "blur"}
],
couponType: [
{required: true, message: "优惠券类型不能为空", trigger: "change"}
],
duration: [
{required: true, message: "时长不能为空", trigger: "blur"}
],
}
};
},
created() {
this.getList();
this.onPackList();
this.onStoreList();
},
methods: {
onChangeStoreType(e) {
console.log(e)
this.form.storeType = e.join()
},
onChangeRoomType(e) {
console.log(e)
this.form.roomType = e.join()
},
onChangeweeks(e) {
console.log(e)
this.form.weeks = e.join()
},
/** 查询优惠券列表 */
getList() {
this.loading = true;
listGroup(this.queryParams).then(response => {
this.couponList = response.rows.map(item => {
return {
...item,
storeIds: item.storeIds && item.storeIds.length ? item.storeIds.split(",") : [],
weeks: item.weeks ? item.weeks.split(",") : []
}
});
this.total = response.total;
this.loading = false;
});
},
onStoreList() {
storeList().then(res => {
this.storeList = res.data.map(obj => {
return {
...obj,
raw: {
dictSort: 1,
dictValue: "1",
listClass: "primary",
cssClass: ''
},
value: obj.id.toString(),
label: obj.name,
}
})
this.$forceUpdate();
})
},
onPackList() {
query().then(res => {
this.packList = res.data.map(obj => {
return {
...obj,
raw: {
dictSort: 1,
dictValue: "1",
listClass: "primary",
cssClass: ''
},
value: obj.id.toString(),
label: obj.name,
}
})
this.$forceUpdate();
this.getList();
})
},
// 取消按钮
cancel() {
this.tiktokopen = false;
this.reset();
},
// 表单重置
reset() {
this.weeks = []
this.form = {
id: null,
name: null,
couponType: null,
duration: null,
minPrice: null,
subPrice: null,
platform: null,
platformType: null,
startDate: null,
endDate: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
remark: null,
packIds: []
};
this.resetForm("form");
},
/** 搜索按钮操作 */
handleQuery() {
this.queryParams.pageNum = 1;
this.getList();
},
/** 重置按钮操作 */
resetQuery() {
this.resetForm("queryForm");
this.handleQuery();
},
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.form.platformType = "3"
this.form.couponType = 2
this.tiktokopen = true;
this.title = "添加优惠券";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
/**数组转字符串**/
getCoupon(id).then(response => {
this.form = response.data;
this.form.platformType = "3";
if (response.data.orderType) {
this.form.orderType = response.data.orderType.toString();
}
if (response.data.packageId) {
this.form.packageId = response.data.packageId.toString();
}
if (this.form.storeType) {
this.storeType = this.form.storeType.split(",")
}
if (this.form.roomType) {
this.roomType = this.form.roomType.split(",")
}
if (this.form.storeIds) {
this.form.storeIds = this.form.storeIds.split(",")
}
if (this.form.weeks) {
this.weeks = this.form.weeks.split(",")
}
this.form.packIds = this.form.packIds ? this.form.packIds.split(",") : []
this.tiktokopen = true;
this.title = "修改优惠券";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.weeks.length) {
this.form.weeks = this.weeks.join();
}
this.form.packIds = this.form.packIds && this.form.packIds.length ? this.form.packIds.join() : ''
this.form.storeIds = this.form.storeIds && this.form.storeIds.length ? this.form.storeIds.join() : ''
if (this.form.id != null) {
if (this.form.platformType === "美团") {
this.form.platformType = 3
}
updateCoupon(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.tiktokopen = false;
this.getList();
this.reset();
});
} else {
addCoupon(this.form).then(response => {
if (response.code) {
this.$modal.msgSuccess("新增成功");
console.log(11111111111111)
this.tiktokopen = false;
this.getList();
this.reset();
}
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除优惠券编号为"' + row.name + '"的数据项？').then(function () {
return delCoupon(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {
this.download('system/coupon/export', {
...this.queryParams
}, `coupon_${new Date().getTime()}.xlsx`)
},
openSku() {
this.$refs.selectSkuList.show();
},
querySku(tiktokSkuId, name, subPrice, startDate, endDate, storeIds) {
this.form.tiktokSkuId = tiktokSkuId;
this.form.startDate = startDate;
this.form.endDate = endDate;
this.form.subPrice = subPrice;
this.form.storeIds = storeIds;
this.form.name = name;
}
}
};
</script>
src/views/system/order/index.vue
...@@ -304,13 +304,13 @@ ...@@ -304,13 +304,13 @@
<!-- @click="handleUpdate(scope.row)"--> <!-- @click="handleUpdate(scope.row)"-->
<!-- v-hasPermi="['system:order:edit']"--> <!-- v-hasPermi="['system:order:edit']"-->
<!-- >修改</el-button>--> <!-- >修改</el-button>-->
<el-button <!-- <el-button-->
size="mini" <!-- size="mini"-->
type="text" <!-- type="text"-->
icon="el-icon-delete" <!-- icon="el-icon-delete"-->
@click="handleDelete(scope.row)" <!-- @click="handleDelete(scope.row)"-->
v-hasPermi="['system:order:remove']" <!-- v-hasPermi="['system:order:remove']"-->
>删除</el-button> <!-- >删除</el-button>-->
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
......
src/views/system/store/index.vue
...@@ -190,11 +190,19 @@ ...@@ -190,11 +190,19 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row>
<el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="美团点评店铺id" prop="group"> <el-form-item label="美团点评店铺id" prop="group">
<el-input @focus="openShopUuid()" v-model="form.openShopUuid" placeholder="请输入美团点评店铺id"/> <el-input @focus="openShopUuid()" v-model="form.openShopUuid" placeholder="请输入美团点评店铺id"/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12">
<el-form-item label="抖音店铺id" prop="group">
<el-input @focus="openPoiId()" v-model="form.tiktokPoiId" placeholder="请输入抖音店铺id"/>
</el-form-item>
</el-col>
</el-row> </el-row>
<el-form-item label="宣传图" prop="images" > <el-form-item label="宣传图" prop="images" >
...@@ -287,17 +295,20 @@ ...@@ -287,17 +295,20 @@
</div> </div>
</el-dialog> </el-dialog>
<selectOpenShopUuid ref="select" @select="selectOpenShopUuids"/> <selectOpenShopUuid ref="select" @select="selectOpenShopUuids"/>
<selectPoi ref="selectPoiList" @selectPoiList="selectPoiId"/>
</div> </div>
</template> </template>
<script> <script>
import { listStore, getStore, delStore, addStore, updateStore } from '@/api/system/store' import { listStore, getStore, delStore, addStore, updateStore } from '@/api/system/store'
import selectOpenShopUuid from "./selectOpenShopUuid"; import selectOpenShopUuid from "./selectOpenShopUuid";
import selectPoi from "./selectPoiId.vue";
export default { export default {
name: 'Store', name: 'Store',
dicts: ['store_status','store_type'], dicts: ['store_status','store_type'],
components: {selectOpenShopUuid}, components: {selectOpenShopUuid, selectPoi},
data() { data() {
return { return {
// 遮罩层 // 遮罩层
...@@ -582,12 +593,18 @@ export default { ...@@ -582,12 +593,18 @@ export default {
openShopUuid() { openShopUuid() {
this.$refs.select.show(); this.$refs.select.show();
}, },
openPoiId() {
this.$refs.selectPoiList.show();
},
selectOpenShopUuids(openShopUuid, cityname, shopaddress, branchname) { selectOpenShopUuids(openShopUuid, cityname, shopaddress, branchname) {
this.form.openShopUuid = openShopUuid; this.form.openShopUuid = openShopUuid;
this.form.address = cityname + shopaddress; this.form.address = cityname + shopaddress;
this.form.name = branchname; this.form.name = branchname;
this.onSearchMapAddress(); this.onSearchMapAddress();
} },
selectPoiId(tiktokPoiId) {
this.form.tiktokPoiId = tiktokPoiId;
},
} }
} }
</script> </script>
src/views/system/store/selectPoiId.vue 0 → 100644
<template>
<!-- 授权用户 -->
<el-dialog title="选择抖音店铺" :visible.sync="tiktokvisible" width="80%" top="5vh" append-to-body>
<el-row>
<el-table @row-click="clickRow" ref="table" :data="dataList" height="450px">
<el-table-column label="抖音店铺id" align="center" prop="poiId" width="300px"/>
<el-table-column label="店铺名称" align="center" prop="poiName" width="120px"/>
<el-table-column label="店铺地址" align="center" prop="address"/>
</el-table>
</el-row>
</el-dialog>
</template>
<script>
import {poi} from "@/api/system/store";
export default {
data() {
return {
// 遮罩层
tiktokvisible: false,
// 总条数
total: 0,
// 未授权用户数据
dataList: []
};
},
methods: {
// 显示弹框
show() {
this.getList();
this.tiktokvisible = true;
},
clickRow(row) {
this.$emit('selectPoiList', row.poiId);
this.tiktokvisible = false;
},
// 查询表数据
getList() {
poi().then(res => {
this.dataList = res.data;
});
},
}
};
</script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment