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

修改buyer api路径 将buyer manager seller 统一为 public/config下修改api地址，新增buyer底部 公司，备案号等信息展示，修改商家端seller秒杀bug以及部分issue中的优化方案

master
lemon橪 2021-10-19 16:40:43 +08:00
parent 7cbd2b698c
commit dbe5a21f4d
22 changed files with 519 additions and 515 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
buyer/favicon.ico
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.2 KiB

18
buyer/public/config.js Normal file
View File

@ -0,0 +1,18 @@
var BASE = {
/**
* @description api请求基础路径
*/
API_DEV: {
common: "https://common-api.pickmall.cn",
buyer: "https://buyer-api.pickmall.cn",
seller: "https://store-api.pickmall.cn",
manager: "https://admin-api.pickmall.cn"
},
API_PROD: {
common: "https://common-api.pickmall.cn",
buyer: "https://buyer-api.pickmall.cn",
seller: "https://store-api.pickmall.cn",
manager: "https://admin-api.pickmall.cn"
},
};

2
buyer/public/index.html
View File

@ -14,7 +14,9 @@
<% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
<script src="<%=js%>"></script>
<% } %>
<script src="/config.js"></script>
<noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="app"></div>

BIN
buyer/src/assets/images/jinghui.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
buyer/src/assets/images/zhizhao.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 374 KiB

105
buyer/src/components/footer/Footer.vue
View File

@ -29,18 +29,38 @@
</div>
</div>
<div class="clearfix"></div>
<div class="friend-link">
<div class="friend-link flex">
<div class="friend-link-item">
<ul>
<li v-for="(link, index) in moreLink" :key="index" @click="goArticle">
<span class="link-item" :class="{'link-last-item': index === 4}">{{link}}</span>
</li>
</ul>
<div class="icp">
<li v-if="config.icpCard">
<a href="https://beian.miit.gov.cn/" target="_blank">
</a>
</li>
<li v-if="config.icpMessage">
<a href="https://beian.miit.gov.cn/" target="_blank">
{{config.icpMessage}}
</a>
</li>
</div>
</div>
<div class="information">
<a class="flex " :href="config.company.href">
<img class="zhizhao" src="@/assets/images/zhizhao.jpg" mode="" />{{config.company.title}}
</a>
</div>
</div>
<div class="clearfix"></div>
<div class="copyright">
<p>Copyright © {{year}} LILI</p>
<p>Copyright © {{year}} {{config.title}}</p>
</div>
</div>
</footer>
@ -48,28 +68,32 @@
</template>
<script>
import config from '@/config'
export default {
name: 'Footer',
data () {
name: "Footer",
data() {
return {
guideArr: [ // 导航链接
[ '购物指南', '购物流程', '会员介绍', '生活旅行', '常见问题' ],
[ '配送方式', '上门自提', '配送服务查询', '收取标准', '物流规则' ],
[ '支付方式', '在线支付', '公司转账', '余额支付', '积分支付' ],
[ '售后服务', '售后政策', '退款说明', '返修/退货', '取消订单' ]
config,
guideArr: [
// 导航链接
["购物指南", "购物流程", "会员介绍", "生活旅行", "常见问题"],
["配送方式", "上门自提", "配送服务查询", "收取标准", "物流规则"],
["支付方式", "在线支付", "公司转账", "余额支付", "积分支付"],
["售后服务", "售后政策", "退款说明", "返修/退货", "取消订单"],
],
moreLink: ['关于我们', '联系我们', '联系客服', '商家帮助', '隐私政策'], // 更多链接
year: new Date().getFullYear() // 当前年份
moreLink: ["关于我们", "联系我们", "联系客服", "商家帮助", "隐私政策"], // 更多链接
year: new Date().getFullYear(), // 当前年份
};
},
methods: {
goArticle () { // 跳转文章页
goArticle() {
// 跳转文章页
let routeUrl = this.$router.resolve({
path: '/article'
})
window.open(routeUrl.href, '_blank')
}
}
path: "/article",
});
window.open(routeUrl.href, "_blank");
},
},
};
</script>
@ -77,11 +101,9 @@ export default {
/*****************************底 部 开 始*****************************/
.footer {
width: 100%;
height: 380px;
padding-top: 30px;
@include background_color($light_background_color);
}
.icon-row {
margin: 15px auto;
@ -112,7 +134,20 @@ export default {
.footer-icon-child-4 {
background-position: 0 -129px;
}
.footer-icon-text{
.icp {
>*{
margin: 0 4px;
}
flex-direction: column;
}
.flex{
display: flex;
align-items: center;
>img{
margin-right: 4px;
}
}
.footer-icon-text {
margin-left: 45px;
font-size: 18px;
font-weight: bold;
@ -146,14 +181,24 @@ export default {
.friend-link {
display: flex;
align-items: center;
align-items: flex-start;
justify-content: space-between;
width: 908px;
height: 30px;
padding: 10px 0;
margin: 0px auto;
border-top: 1px solid $border_color;
}
.friend-link-item {
margin: 0px auto;
.information {
display: flex;
flex-direction: column;
> * {
margin: 2px 0;
}
}
.zhizhao {
width: 20px;
height: 20px;
border-radius: 50%;
}
.friend-link-item ul {
list-style: none;
@ -175,15 +220,17 @@ export default {
line-height: 30px;
text-align: center;
}
.copyright a{
.copyright a {
color: #232323;
font-size: 20px;
}
.footer-icon-text{
@include title_color($light_title_color)
.footer-icon-text {
@include title_color($light_title_color);
}
.copyright,.friend-link,.servece-type-info {
@include sub_color($light_sub_color)
.copyright,
.friend-link,
.servece-type-info {
@include sub_color($light_sub_color);
}
/*****************************底 部 结 束*****************************/
</style>

4
buyer/src/components/indexDecorate/modelList/Carousel.vue
View File

@ -23,7 +23,7 @@
<div class="person-msg">
<img :src="userInfo.face" v-if="userInfo.face" alt />
<Avatar icon="ios-person" class="mb_10" v-else size="80" />
<div>Hi，{{ userInfo.nickName || "欢迎来到LiLi Shop" | secrecyMobile }}</div>
<div>Hi，{{ userInfo.nickName || `欢迎来到${config.title}` | secrecyMobile }}</div>
<div v-if="userInfo.id">
<Button type="error" shape="circle" @click="$router.push('home')">会员中心</Button>
</div>
@ -49,6 +49,7 @@
</template>
<script>
import config from '@/config'
import {articleList} from '@/api/common.js'
import storage from '@/plugins/storage';
export default {
@ -56,6 +57,7 @@ export default {
props: ['data'],
data () {
return {
config,
userInfo: {}, // 用户信息
articleList: [], // 常见问题
params: { // 请求常见问题参数

4
buyer/src/components/indexDecorate/modelList/Carousel2.vue
View File

@ -33,7 +33,7 @@
<div class="person-msg">
<img :src="userInfo.face" v-if="userInfo.face" alt />
<Avatar icon="ios-person" class="mb_10" v-else size="80" />
<div>Hi，{{ userInfo.nickName || "欢迎来到LiLi Shop" | secrecyMobile }}</div>
<div>Hi，{{ userInfo.nickName || `欢迎来到${config.title}` | secrecyMobile }}</div>
<div v-if="userInfo.id">
<Button type="error" shape="circle">会员中心</Button>
</div>
@ -57,6 +57,7 @@
</template>
<script>
import config from '@/config'
import {articleList} from '@/api/common.js'
import storage from '@/plugins/storage';
export default {
@ -64,6 +65,7 @@ export default {
props: ['data'],
data () {
return {
config,
userInfo: {}, // 用户信息
articleList: [], // 常见问题
params: { // 请求常见问题参数

41
buyer/src/config/index.js
View File

@ -1,8 +1,21 @@
export default {
/**
* @description 配置显示在浏览器标签的title
* @description 配置显示在浏览器标签的title、底部信息、部分信息展示的值
*/
title: "Lili电商",
title: "lili-shop",
/**
* @description icp证
*/
icpCard: "",
company:{
href:"https://pickmall.cn",
name:"北京宏业汇成科技有限公司"
},
/**
* @description icp备案号
*/
icpMessage: "京ICP备20009696号-1",
/**
* @description token在Cookie中存储的天数，默认1天
*/
@ -17,30 +30,6 @@ export default {
* @description 高德web端申请的api key
*/
aMapKey: "b440952723253aa9fe483e698057bf7d",
/**
* @description api请求基础路径
*/
api_dev: {
// common: 'http://192.168.0.101:8890',
// buyer: 'http://192.168.0.101:8888',
// seller: 'http://192.168.0.101:8889',
// manager: 'http://192.168.0.101:8887'
common: "https://common-api.pickmall.cn",
buyer: "https://buyer-api.pickmall.cn",
seller: "https://store-api.pickmall.cn",
manager: "https://admin-api.pickmall.cn"
},
api_prod: {
common: "https://common-api.pickmall.cn",
buyer: "https://buyer-api.pickmall.cn",
seller: "https://store-api.pickmall.cn",
manager: "https://admin-api.pickmall.cn"
},
/**
* @description api请求基础路径前缀
*/
baseUrlPrefix: "/buyer",
/**
* @description 需要加载的插件
*/

2
buyer/src/pages/Cart.vue
View File

@ -4,7 +4,7 @@
<!-- LOGO 搜索 -->
<div class="width_1200 logo">
<div>
<router-link to="/"><img :src="$store.state.logoImg" alt="lili shop" title="lilishop" /></router-link>
<router-link to="/"><img :src="$store.state.logoImg" /></router-link>
<div>
购物车(<span>{{ goodsTotal }}</span>)
</div>

4
buyer/src/pages/ForgetPassword.vue
View File

@ -99,7 +99,7 @@
<Row type="flex" justify="center" class="copyright">
Copyright © {{year}} - Present
<a href="https://pickmall.cn/" target="_blank" style="margin: 0 5px"
>lili-shop</a
>{{config.title}}</a
>
版权所有
</Row>
@ -108,6 +108,7 @@
</template>
<script>
import config from '@/config'
import * as RegExp from '@/plugins/RegExp.js';
import { md5 } from '@/plugins/md5.js';
import * as apiLogin from '@/api/login.js';
@ -118,6 +119,7 @@ export default {
components: { Verify },
data () {
return {
config,
loading: false, // 加载状态
loading1: false, // 第二步加载状态
formFirst: { // 手机验证码表单

4
buyer/src/pages/Login.vue
View File

@ -95,7 +95,7 @@
</Row>
<Row type="flex" justify="center" class="copyright">
Copyright © {{year}} - Present
<a href="https://pickmall.cn" target="_blank" style="margin: 0 5px">lili-shop</a>
<a href="https://pickmall.cn" target="_blank" style="margin: 0 5px">{{config.title}}</a>
版权所有
</Row>
</div>
@ -103,6 +103,7 @@
</template>
<script>
import config from '@/config'
import * as RegExp from "@/plugins/RegExp.js";
import { md5 } from "@/plugins/md5.js";
import * as apiLogin from "@/api/login.js";
@ -118,6 +119,7 @@ export default {
},
data() {
return {
config,
type: true, // true 账号登录 false 验证码登录
formData: {
// 登录表单

4
buyer/src/pages/SignUp.vue
View File

@ -89,7 +89,7 @@
</Row>
<Row type="flex" justify="center" class="copyright">
Copyright © {{year}} - Present
<a href="https://pickmall.cn" target="_blank" style="margin: 0 5px">lili-shop</a>
<a href="https://pickmall.cn" target="_blank" style="margin: 0 5px">{{config.title}}</a>
版权所有
</Row>
</div>
@ -97,6 +97,7 @@
</template>
<script>
import config from '@/config'
import * as RegExp from '@/plugins/RegExp.js';
import { md5 } from '@/plugins/md5.js';
import * as apiLogin from '@/api/login.js';
@ -107,6 +108,7 @@ export default {
components: { Verify },
data () {
return {
config,
year: new Date().getFullYear(),
formRegist: {
// 注册表单

111
buyer/src/pages/home/orderCenter/AddAddress.vue
View File

@ -2,23 +2,12 @@
<div>
<card _Title="收货地址" />
<div class="add-box">
<Form
:model="formData"
ref="form"
label-position="left"
:label-width="100"
:rules="ruleInline"
>
<Form :model="formData" ref="form" label-position="left" :label-width="100" :rules="ruleInline">
<FormItem label="收件人" prop="name">
<i-input v-model="formData.name" placeholder="请输入收件人姓名" style="width: 600px"></i-input>
</FormItem>
<FormItem label="收件地区" prop="address">
<i-input
v-model="formData.address"
disabled
placeholder="请选择收货地址"
style="width: 600px"
></i-input>
<i-input v-model="formData.address" disabled placeholder="请选择收货地址" style="width: 600px"></i-input>
<Button type="primary" size="small" @click="$refs.map.showMap = true">选择</Button>
</FormItem>
<FormItem label="详细地址" prop="detail">
@ -28,13 +17,8 @@
<i-input v-model="formData.mobile" placeholder="请输入收件人手机号" style="width: 600px"></i-input>
</FormItem>
<FormItem label="地址别名">
<i-input
v-model="formData.alias"
length
:maxlength="4"
placeholder="请输入地址别名，例如公司"
style="width: 600px"
></i-input>
<i-input v-model="formData.alias" length :maxlength="4" placeholder="请输入地址别名，例如公司" style="width: 600px">
</i-input>
</FormItem>
<FormItem label="默认地址">
<i-switch v-model="formData.isDefault" />
@ -42,9 +26,7 @@
</Form>
</div>
<div class="mt_20">
<Button type="primary" class="mr_10" :loading="loading" @click="save"
>保存收货地址</Button
>
<Button type="primary" class="mr_10" :loading="loading" @click="save">保存收货地址</Button>
<Button @click="$router.back()">返回</Button>
</div>
<lili-map ref="map" @getAddress="getAddress"></lili-map>
@ -52,89 +34,108 @@
</template>
<script>
import card from '@/components/card';
import liliMap from '@/components/map';
import card from "@/components/card";
import liliMap from "@/components/map";
import * as RegExp from "@/plugins/RegExp.js";
import {
newMemberAddress,
editMemberAddress,
getAddrDetail
} from '@/api/address';
getAddrDetail,
} from "@/api/address";
export default {
name: 'AddAddress',
data () {
name: "AddAddress",
data() {
return {
formData: { // 添加地址表单
isDefault: false
formData: {
// 添加地址表单
isDefault: false,
},
ruleInline: { // 验证规则
name: [{ required: true, message: '请输入姓名', trigger: 'blur' }],
address: [{ required: true, message: '请输入地址', trigger: 'change' }],
ruleInline: {
// 验证规则
name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
address: [{ required: true, message: "请输入地址", trigger: "change" }],
detail: [
{ required: true, message: '请输入详细地址', trigger: 'blur' }
{ required: true, message: "请输入详细地址", trigger: "blur" },
],
mobile: [
]
{ required: true, message: "请输入手机号码" },
{
pattern: RegExp.mobile,
trigger: "blur",
message: "请输入正确的手机号",
},
],
},
loading: false, // 加载状态
mapMsg: {} // 地图信息
mapMsg: {}, // 地图信息
};
},
methods: {
save () { // 保存地址
save() {
// 保存地址
this.$refs.form.validate((valid) => {
if (valid) {
const params = JSON.parse(JSON.stringify(this.formData));
params.consigneeAddressPath = params.address.replace(/\s/g, ',');
params.consigneeAddressPath = params.address.replace(/\s/g, ",");
delete params.address;
this.loading = true;
if (this.$route.query.id) {
editMemberAddress(params).then((res) => {
editMemberAddress(params)
.then((res) => {
if (res.success) {
this.loading = false;
this.$router.push('/home/MyAddress');
this.$router.push("/home/MyAddress");
}
}).catch(() => { this.loading = false; });
})
.catch(() => {
this.loading = false;
});
} else {
newMemberAddress(params).then((res) => {
newMemberAddress(params)
.then((res) => {
if (res.success) {
this.loading = false;
this.$router.push('/home/MyAddress');
this.$router.push("/home/MyAddress");
}
}).catch(() => { this.loading = false; });
})
.catch(() => {
this.loading = false;
});
}
}
});
},
getAddrById (id) {
getAddrById(id) {
// 获取地址详情
getAddrDetail(id).then((res) => {
if (res.success) {
console.log(res);
const data = res.result;
data.address = res.result.consigneeAddressPath.replace(/,/g, ' ');
data.address = res.result.consigneeAddressPath.replace(/,/g, " ");
this.formData = data;
}
});
},
getAddress (item) {
getAddress(item) {
// 获取地图选择信息
console.log(item);
this.mapMsg = item;
this.$set(this.formData, 'address', item.addr);
this.$set(this.formData, 'consigneeAddressIdPath', item.addrId);
this.$set(this.formData, 'detail', item.detail);
this.$set(this.formData, "address", item.addr);
this.$set(this.formData, "consigneeAddressIdPath", item.addrId);
this.$set(this.formData, "detail", item.detail);
this.formData.lat = item.position.lat;
this.formData.lon = item.position.lng;
}
},
mounted () {
},
mounted() {
const id = this.$route.query.id;
if (id) this.getAddrById(id);
},
components: {
card,
liliMap
}
liliMap,
},
};
</script>

2
buyer/src/pages/payment/Pay.vue
View File

@ -5,7 +5,7 @@
<div class="width_1200 logo">
<div>
<router-link to="/"
><img :src="$store.state.logoImg" alt="lili shop" title="lilishop"
><img :src="$store.state.logoImg"
/></router-link>
<div>结算页</div>
</div>

17
buyer/src/plugins/request.js
View File

@ -2,7 +2,6 @@ import axios from 'axios';
import https from 'https';
import { Message, Spin, Modal } from 'view-design';
import Storage from './storage';
import config from '@/config';
import router from '../router/index.js';
import store from '../vuex/store';
import { handleRefreshToken } from '@/api/index';
@ -10,20 +9,20 @@ const qs = require('qs');
// api地址
export const buyerUrl =
process.env.NODE_ENV === 'development'
? config.api_dev.buyer
: config.api_prod.buyer;
? BASE.API_DEV.buyer
: BASE.API_PROD.buyer;
export const commonUrl =
process.env.NODE_ENV === 'development'
? config.api_dev.common
: config.api_prod.common;
? BASE.API_DEV.common
: BASE.API_PROD.common;
export const managerUrl =
process.env.NODE_ENV === 'development'
? config.api_dev.manager
: config.api_prod.manager;
? BASE.API_DEV.manager
: BASE.API_PROD.manager;
export const sellerUrl =
process.env.NODE_ENV === 'development'
? config.api_dev.seller
: config.api_prod.seller;
? BASE.API_DEV.seller
: BASE.API_PROD.seller;
// 创建axios实例
var isRefreshToken = 0;
const refreshToken = getTokenDebounce();

8
buyer/src/router/index.js
View File

@ -80,7 +80,7 @@ export default new Router({
name: 'login',
component: Login,
meta: {
title: 'LiLi 登录'
title: '登录'
}
},
{
@ -88,7 +88,7 @@ export default new Router({
name: 'SignUp',
component: SignUp,
meta: {
title: 'LiLi 注册'
title: '注册'
}
},
{
@ -96,7 +96,7 @@ export default new Router({
name: 'forgetPassword',
component: ForgetPassword,
meta: {
title: 'LiLi 忘记密码'
title: '忘记密码'
}
},
{
@ -283,7 +283,7 @@ export default new Router({
path: 'AfterSale',
name: 'AfterSale',
component: AfterSale,
meta: {title: 'LiLi 售后'}
meta: {title: '售后'}
},
{
path: 'ApplyAfterSale',

3
manager/src/views/promotion/pointsGoodsCategory/pointsGoodsCategory.vue
View File

@ -39,7 +39,7 @@
<Input v-model="formAdd.name" clearable style="width: 100%" />
</FormItem>
<FormItem label="排序值" prop="sortOrder">
<Input v-model="formAdd.sortOrder" clearable style="width: 100%" />
<InputNumber v-model="formAdd.sortOrder" :min="0" clearable style="width: 100%" />
</FormItem>
</Form>
<div slot="footer">
@ -80,6 +80,7 @@ export default {
name: "",
deleteFlag: 0,
level: 0,
sortOrder:1
},
// 表单验证规则
formValidate: {

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

@ -21,10 +21,9 @@
</FormItem>
<FormItem label="是否自营" prop="selfOperated">
<RadioGroup type="button" button-style="solid" v-model="shopForm.selfOperated" >
<Radio :label=true>自营</Radio>
<Radio :label=false>非自营</Radio>
<Radio :label="1">自营</Radio>
<Radio :label="0">非自营</Radio>
</RadioGroup>
</FormItem>
@ -81,7 +80,6 @@
<FormItem label="小程序唯一标识">
<Input v-model="shopForm.yzfMpSign" clearable style="width: 350px" />
</FormItem>
<Spin fix v-if="loading"></Spin>
</div>
</TabPane>
@ -167,7 +165,7 @@
<Button @click="handleCLickImg('licencePhoto')" type="primary">选择图片</Button>
</div>
</FormItem>
<Spin fix v-if="loading"></Spin>
</div>
</TabPane>
<TabPane label="经营范围" class="tab" name="category">
@ -361,11 +359,12 @@ export default {
indeterminate: true, // 复选框全选样式
checkAll: false, // 全选
checkAllGroup: [], // 全选数组
submitLoading: false, // 添加或编辑提交状态
settlementCycle: [], // 结算周期
shopForm: { // 店铺数据
settlementCycle: "",
selfOperated: false,
selfOperated: 0,
memberName: "",
companyName: "",
addressPath: "",

4
seller/src/views/promotion/coupon/coupon.vue
View File

@ -84,10 +84,10 @@ export default {
if (params.row.price) {
return h(
"div",
this.$options.filters.unitPrice(params.row.price, "￥")
this.$options.filters.unitPrice((params.row.price || 0), "￥")
);
} else {
return h("div", params.row.couponDiscount + "折");
return h("div", (params.row.couponDiscount || 0) + "折");
}
},
},

215
seller/src/views/promotion/seckill/seckillGoods.vue
View File

@ -18,90 +18,45 @@
</Row>
<Row class="operation">
<Tabs type="card" v-model="tabIndex">
<TabPane
v-for="(tab, tabIndex) in goodsList"
:key="tabIndex"
:label="tab.hour"
:name="tabIndex + ''"
>
<Table
:loading="loading"
border
:columns="goodsColumns"
:data="tab.list"
:ref="'table' + tabIndex"
@on-selection-change="changeSelect"
>
<TabPane v-for="(tab, tabIndex) in goodsList" :key="tabIndex" :label="tab.hour" :name="tabIndex + ''">
<Table :loading="loading" border :columns="goodsColumns" :data="tab.list" :ref="'table' + tabIndex"
@on-selection-change="changeSelect">
<template slot-scope="{ row }" slot="originalPrice">
<div>{{ row.originalPrice | unitPrice("￥") }}</div>
</template>
<template slot-scope="{ row, index }" slot="quantity">
<Input
v-model="row.quantity"
:disabled="row.promotionApplyStatus == 'PASS'"
@input="
<Input v-model="row.quantity" :disabled="row.promotionApplyStatus == 'PASS'" @input="
goodsList[tabIndex].list[index].quantity = row.quantity
"
/>
" />
</template>
<template slot-scope="{ row, index }" slot="price">
<Input
v-model="row.price"
:disabled="row.promotionApplyStatus == 'PASS'"
@input="goodsList[tabIndex].list[index].price = row.price"
/>
<Input v-model="row.price" :disabled="row.promotionApplyStatus == 'PASS'"
@input="goodsList[tabIndex].list[index].price = row.price" />
</template>
<template slot-scope="{ row }" slot="promotionApplyStatus">
<Badge
status="success"
v-if="row.promotionApplyStatus == 'PASS'"
:text="promotionApplyStatus(row.promotionApplyStatus)"
/>
<Badge
status="blue"
v-if="row.promotionApplyStatus == 'APPLY'"
:text="promotionApplyStatus(row.promotionApplyStatus)"
/>
<Badge
status="error"
v-if="row.promotionApplyStatus == 'REFUSE'"
:text="promotionApplyStatus(row.promotionApplyStatus)"
/>
<span
v-if="row.promotionApplyStatus == 'REFUSE'"
@click="showReason(row.failReason)"
class="reason"
>（拒绝原因）</span
>
<Badge
status="error"
v-if="row.promotionApplyStatus == ''"
:text="promotionApplyStatus(row.promotionApplyStatus)"
/>
<Badge status="success" v-if="row.promotionApplyStatus == 'PASS'"
:text="promotionApplyStatus(row.promotionApplyStatus)" />
<Badge status="blue" v-if="row.promotionApplyStatus == 'APPLY'"
:text="promotionApplyStatus(row.promotionApplyStatus)" />
<Badge status="error" v-if="row.promotionApplyStatus == 'REFUSE'"
:text="promotionApplyStatus(row.promotionApplyStatus)" />
<span v-if="row.promotionApplyStatus == 'REFUSE'" @click="showReason(row.failReason)"
class="reason">（拒绝原因）</span>
<Badge status="error" v-if="row.promotionApplyStatus == ''"
:text="promotionApplyStatus(row.promotionApplyStatus)" />
</template>
<template slot-scope="{ row }" slot="QRCode">
<img
v-if="row.QRCode"
:src="row.QRCode || '../../../assets/lili.png'"
width="50px"
height="50px"
alt=""
/>
<img v-if="row.QRCode" :src="row.QRCode || '../../../assets/lili.png'" width="50px" height="50px"
alt="" />
</template>
<template slot-scope="{ row, index }" slot="action">
<Button
type="error"
v-if="promotionStatus === 'NEW'"
size="small"
ghost
@click="delGoods(index, row)"
>删除
</Button
>
<Button type="error" v-if="promotionStatus === 'NEW'" size="small" ghost
@click="delGoods(index, row)">删除
</Button>
</template>
</Table>
</TabPane>
@ -110,33 +65,24 @@
<Row class="operation">
<Button @click="closeCurrentPage">返回</Button>
<Button
type="primary"
:loading="submitLoading"
v-if="promotionStatus === 'NEW'"
@click="save"
>提交
</Button
>
<Button type="primary" :loading="submitLoading" v-if="promotionStatus === 'NEW'" @click="save">提交
</Button>
</Row>
</Card>
<sku-select
ref="skuSelect"
@selectedGoodsData="selectedGoodsData"
></sku-select>
<sku-select ref="skuSelect" @selectedGoodsData="selectedGoodsData"></sku-select>
</div>
</template>
<script>
import {
import {
seckillGoodsList,
seckillDetail,
setSeckillGoods,
delSeckillGoods
} from "@/api/promotion.js";
import skuSelect from "@/views/lili-dialog";
delSeckillGoods,
} from "@/api/promotion.js";
import skuSelect from "@/views/lili-dialog";
export default {
export default {
components: {
skuSelect,
},
@ -181,7 +127,7 @@
},
{
title: "商品价格",
slot: "originalPrice",
slot: "price",
minWidth: 50,
},
{
@ -205,7 +151,8 @@
minWidth: 50,
},
],
goodsList: [] // 商品列表
goodsList: [], // 商品列表
defaultGoodsList: [], //默认查询秒杀的商品
};
},
methods: {
@ -219,14 +166,12 @@
},
// 提交秒杀商品
save() {
let list = JSON.parse(JSON.stringify(this.goodsList));
console.warn(list)
let params = {
seckillId: this.$route.query.id,
applyVos: [],
};
list.forEach((e, index) => {
e.list.forEach((i) => {
// if(e.id) delete e.id
@ -235,7 +180,7 @@
});
this.submitLoading = true;
console.log(list)
console.log(list);
setSeckillGoods(params).then((res) => {
this.submitLoading = false;
@ -285,6 +230,8 @@
}
});
});
this.defaultGoodsList = this.goodsList[this.tabIndex].list;
}
}
});
@ -303,31 +250,31 @@
},
delGoods(index, row) {
// 删除商品
if (row.promotionApplyStatus === 'PASS') {
if (row.promotionApplyStatus === "PASS") {
const params = {
seckillId: row.seckillId,
id: row.id
}
delSeckillGoods(params).then(res => {
id: row.id,
};
delSeckillGoods(params).then((res) => {
if (res.success) {
this.goodsList[this.tabIndex].list.splice(index, 1);
this.$Message.success("删除成功！");
}
})
});
} else {
this.goodsList[this.tabIndex].list.splice(index, 1);
this.$Message.success("删除成功！");
}
},
selectedGoodsData(item) {
// 选择器添加商品
item.forEach((e) => {
if(this.goodsList[this.tabIndex].list.length == 0){
this.goodsList[this.tabIndex].list.push({
selectedGoodsData(callback) {
let way = [];
let data = JSON.parse(JSON.stringify(callback));
data.forEach((e) => {
way.push({
goodsName: e.goodsName,
price: e.price,
originalPrice: e.price,
promotionApplyStatus: e.promotionApplyStatus || '',
promotionApplyStatus: e.promotionApplyStatus || "",
quantity: e.quantity,
seckillId: this.$route.query.id,
storeId: e.storeId,
@ -335,41 +282,25 @@
skuId: e.id,
timeLine: this.data[0].hours.split(",")[this.tabIndex],
});
}else{
this.goodsList[this.tabIndex].list.forEach(goods => {
if (e.id != goods.skuId) {
this.goodsList[this.tabIndex].list.push(
{
goodsName: e.goodsName,
price: e.price,
originalPrice: e.price,
promotionApplyStatus: e.promotionApplyStatus || '',
quantity: e.quantity,
seckillId: this.$route.query.id,
storeId: e.storeId,
storeName: e.storeName,
skuId: e.id,
timeLine: this.data[0].hours.split(",")[this.tabIndex],
}
)
}
})
}
});
})
this.$nextTick(() => {
this.$forceUpdate()
})
this.$set(this.goodsList[this.tabIndex], "list", [
...way,
...this.defaultGoodsList,
]);
},
openSkuList() { // 显示商品选择器
openSkuList() {
// 显示商品选择器
this.$refs.skuSelect.open("goods");
let data = JSON.parse(JSON.stringify(this.goodsList[this.tabIndex].list))
data.forEach(e => {
e.id = e.skuId
})
this.$refs.skuSelect.goodsData = data;
this.$refs.skuSelect.selectedWay = [];
console.warn(this.goodsList[this.tabIndex].list);
let data = this.goodsList[this.tabIndex].list;
data.forEach((e) => {
e.id = e.skuId;
});
this.$refs.skuSelect.selectedWay = data;
console.log(this.$refs.skuSelect.selectedWay);
},
unixDate(time) {
// 处理报名截止时间
@ -412,21 +343,21 @@
},
// 如果是从详情页返回列表页，修改列表页keepAlive为true，确保不刷新页面
beforeRouteLeave(to, from, next) {
if (to.name === 'seckill') {
to.meta.keepAlive = true
if (to.name === "seckill") {
to.meta.keepAlive = true;
}
next()
}
};
next();
},
};
</script>
<style lang="scss" scoped>
.operation {
.operation {
margin: 10px 0;
}
}
.reason {
.reason {
cursor: pointer;
color: #2d8cf0;
font-size: 12px;
}
}
</style>

21
seller/src/views/shop/ship/shipTemplate.vue
View File

@ -66,7 +66,9 @@
<Radio label="FREE">包邮</Radio>
</RadioGroup>
</FormItem>
<FormItem label="详细设置" v-if="form.pricingMethod !== 'FREE'">
<Alert type="warning" >点击右侧修改按钮编辑数据</Alert>
<div class="ncsu-trans-type" data-delivery="TRANSTYPE">
<div class="entity">
<div class="tbl-except">
@ -84,7 +86,8 @@
</tr>
</thead>
<tbody>
<tr class="bd-line" data-group="n1" v-for="(item,index) in form.freightTemplateChildList" :key="index">
<tr class="bd-line" data-group="n1" v-for="(item,index) in form.freightTemplateChildList"
:key="index">
<td></td>
<td class="tl cell-area">
<span class="area-group">
@ -101,7 +104,8 @@
</Input>
</td>
<td>
<Input class="text w40" type="text" v-model="item.continuedCompany" maxlength="6" clearable />
<Input class="text w40" type="text" v-model="item.continuedCompany" maxlength="6"
clearable />
</td>
<td>
<Input class="text w60" type="text" v-model="item.continuedPrice" maxlength="6" clearable>
@ -109,9 +113,11 @@
</Input>
</td>
<td class="nscs-table-handle">
<Button @click="editRegion(item,index)" type="info" size="small" style="margin-bottom: 5px">修改
<Button @click="editRegion(item,index)" type="info" size="small"
style="margin-bottom: 5px">修改
</Button>
<Button @click="removeTemplateChildren(index)" :loading="submitLoading" type="error" size="small" style="margin-bottom: 5px">删除
<Button @click="removeTemplateChildren(index)" :loading="submitLoading" type="error"
size="small" style="margin-bottom: 5px">删除
</Button>
</td>
</tr>
@ -136,7 +142,8 @@
</div>
</FormItem>
<Form-item>
<Button @click="addShipTemplateChildren(index)" v-if="form.pricingMethod !== 'FREE'" icon="ios-create-outline">为指定城市设置运费模板
<Button @click="addShipTemplateChildren(index)" v-if="form.pricingMethod !== 'FREE'"
icon="ios-create-outline">为指定城市设置运费模板
</Button>
<Button @click="handleSubmit" :loading="submitLoading" type="primary" style="margin-right:5px">保存
</Button>
@ -145,7 +152,7 @@
</TabPane>
</Tabs>
</Card>
<multiple-region ref="region" @selected="handleSelect" >
<multiple-region ref="region" @selected="handleSelect">
</multiple-region>
@ -214,7 +221,7 @@ export default {
},
//添加运费模板
add() {
this.$refs.region.clear()
this.$refs.region.clear();
this.title = "添加运费模板";
this.csTab = true;
this.operation = "ADD";