积分商品流程完成,billpirce改为flowprice,必填项提示错误
parent
35881e30e0
commit
1f054b796d
|
@ -97,13 +97,11 @@ export default {
|
||||||
const time = new Date().getTime() - 5 * 60 * 1000
|
const time = new Date().getTime() - 5 * 60 * 1000
|
||||||
if (!reloadTime) {
|
if (!reloadTime) {
|
||||||
hotWords({count: 5}).then(res => {
|
hotWords({count: 5}).then(res => {
|
||||||
console.log(res);
|
|
||||||
if (res.success && res.result) storage.setItem('hotWordsList', res.result)
|
if (res.success && res.result) storage.setItem('hotWordsList', res.result)
|
||||||
})
|
})
|
||||||
storage.setItem('hotWordsReloadTime', new Date().getTime())
|
storage.setItem('hotWordsReloadTime', new Date().getTime())
|
||||||
} else if (reloadTime && time > reloadTime) {
|
} else if (reloadTime && time > reloadTime) {
|
||||||
hotWords({count: 5}).then(res => {
|
hotWords({count: 5}).then(res => {
|
||||||
console.log(res);
|
|
||||||
if (res.success && res.result) storage.setItem('hotWordsList', res.result)
|
if (res.success && res.result) storage.setItem('hotWordsList', res.result)
|
||||||
})
|
})
|
||||||
storage.setItem('hotWordsReloadTime', new Date().getTime())
|
storage.setItem('hotWordsReloadTime', new Date().getTime())
|
||||||
|
|
|
@ -556,9 +556,6 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-select-row {
|
.item-select-row {
|
||||||
// display: flex;
|
|
||||||
// flex-direction: row;
|
|
||||||
// flex-wrap: wrap;
|
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -568,10 +565,6 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-select-img {
|
|
||||||
width: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-select-box {
|
.item-select-box {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
|
@ -589,31 +582,11 @@ export default {
|
||||||
border: 0.5px solid $theme_color;
|
border: 0.5px solid $theme_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-select-box-disabled {
|
|
||||||
background-color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-select-img img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-select-intro p {
|
.item-select-intro p {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-select-class {
|
|
||||||
padding: 5px;
|
|
||||||
margin-right: 8px;
|
|
||||||
@include sub_background_color($light_background_color);
|
|
||||||
border: 0.5px solid #ccc;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.item-select-class:hover {
|
|
||||||
border: 0.5px solid $theme_color;
|
|
||||||
}
|
|
||||||
|
|
||||||
.add-buy-car-box {
|
.add-buy-car-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
|
@ -17,10 +17,10 @@ export default {
|
||||||
* @description api请求基础路径
|
* @description api请求基础路径
|
||||||
*/
|
*/
|
||||||
api_dev: {
|
api_dev: {
|
||||||
// common: 'http://192.168.0.101:8890',
|
// common: 'http://192.168.0.100:8890',
|
||||||
// buyer: 'http://192.168.0.101:8888',
|
// buyer: 'http://192.168.0.100:8888',
|
||||||
// seller: 'http://192.168.0.101:8889',
|
// seller: 'http://192.168.0.100:8889',
|
||||||
// manager: 'http://192.168.0.101:8887'
|
// manager: 'http://192.168.0.100:8887'
|
||||||
|
|
||||||
common: 'https://common-api.pickmall.cn',
|
common: 'https://common-api.pickmall.cn',
|
||||||
buyer: 'https://buyer-api.pickmall.cn',
|
buyer: 'https://buyer-api.pickmall.cn',
|
||||||
|
|
|
@ -117,7 +117,7 @@
|
||||||
已节省<span>{{ priceDetailDTO.discountPrice | unitPrice("¥") }}</span>
|
已节省<span>{{ priceDetailDTO.discountPrice | unitPrice("¥") }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="ml_20 total-price">
|
<div class="ml_20 total-price">
|
||||||
总价(不含运费):<div>{{ priceDetailDTO.billPrice | unitPrice("¥") }}</div>
|
总价(不含运费):<div>{{ priceDetailDTO.flowPrice | unitPrice("¥") }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="pay ml_20" @click="pay">去结算</div>
|
<div class="pay ml_20" @click="pay">去结算</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<h3>积分日志</h3>
|
<h3>积分日志</h3>
|
||||||
<Table :columns="logColumns" :data="logData.records">
|
<Table :columns="logColumns" :data="logData.records">
|
||||||
<template slot-scope="{ row }" slot="point">
|
<template slot-scope="{ row }" slot="point">
|
||||||
<div><span>{{row.pointType == "INCREASE" ? '+' : '-'}}</span>{{ row.variablePoint }}</div>
|
<div :style="{color:row.pointType === 'INCREASE' ? 'green' : 'red'}"><span>{{row.pointType === "INCREASE" ? '+' : ''}}</span>{{ row.variablePoint }}</div>
|
||||||
</template>
|
</template>
|
||||||
</Table>
|
</Table>
|
||||||
<!-- 分页 -->
|
<!-- 分页 -->
|
||||||
|
|
|
@ -50,10 +50,12 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<!-- 订单基础操作 -->
|
<!-- 订单基础操作 -->
|
||||||
<Button @click="goDetail(order.sn)" size="small">售后详情</Button>
|
<Button @click="goDetail(order.sn)" type="info" size="small">售后详情</Button>
|
||||||
<Button @click="openModal(order)" v-if="order.serviceStatus == 'PASS' &&
|
<Button @click="openModal(order)"
|
||||||
order.serviceType != 'RETURN_MONEY'" size="small">提交物流</Button>
|
v-if="order.serviceStatus == 'PASS' &&
|
||||||
<Button @click="cancel(order.sn)" v-if="order.afterSaleAllowOperationVO.cancel" size="small">取消售后</Button>
|
order.serviceType != 'RETURN_MONEY'"
|
||||||
|
type="warning" size="small">提交物流</Button>
|
||||||
|
<Button @click="cancel(order.sn)" type="error" v-if="order.afterSaleAllowOperationVO.cancel" size="small">取消售后</Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -65,10 +65,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<!-- 订单基础操作 -->
|
<!-- 订单基础操作 -->
|
||||||
<Button @click="orderDetail(order.sn)" size="small">订单详情</Button>
|
<Button @click="orderDetail(order.sn)" type="info" size="small">订单详情</Button>
|
||||||
<Button @click="handleCancelOrder(order.sn)" v-if="order.allowOperationVO.cancel" size="small">取消订单</Button>
|
<Button @click="handleCancelOrder(order.sn)" type="error" v-if="order.allowOperationVO.cancel" size="small">取消订单</Button>
|
||||||
<Button @click="goPay(order.sn)" size="small" v-if="order.allowOperationVO.pay">去支付</Button>
|
<Button @click="goPay(order.sn)" size="small" type="success" v-if="order.allowOperationVO.pay">去支付</Button>
|
||||||
<Button @click="received(order.sn)" size="small" v-if="order.allowOperationVO.rog">确认收货</Button>
|
<Button @click="received(order.sn)" size="small" type="warning" v-if="order.allowOperationVO.rog">确认收货</Button>
|
||||||
<!-- 售后 -->
|
<!-- 售后 -->
|
||||||
<Button v-if="order.groupAfterSaleStatus.includes('NOT_APPLIED')" @click="applyAfterSale(order.orderItems)" size="small">申请售后</Button>
|
<Button v-if="order.groupAfterSaleStatus.includes('NOT_APPLIED')" @click="applyAfterSale(order.orderItems)" size="small">申请售后</Button>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -213,29 +213,6 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<!-- 其他信息 -->
|
|
||||||
<div class="other" v-if="$route.query.way === 'POINT'">
|
|
||||||
<div class="card-head mt_20 mb_20">
|
|
||||||
<span>其他信息</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div>
|
|
||||||
<span>使用积分:</span
|
|
||||||
><Input
|
|
||||||
type="text"
|
|
||||||
style="width: 100px"
|
|
||||||
v-model.number="otherMsgForm.point"
|
|
||||||
placeholder="请输入使用积分"
|
|
||||||
/>
|
|
||||||
<span style="color: #999"
|
|
||||||
>您当前的可用积分为
|
|
||||||
{{ otherMsgForm.totalPoint }} ,本订单最多可以使用{{
|
|
||||||
otherMsgForm.availablePoint
|
|
||||||
}}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 订单价格 -->
|
<!-- 订单价格 -->
|
||||||
<div class="order-price">
|
<div class="order-price">
|
||||||
<div>
|
<div>
|
||||||
|
@ -257,7 +234,13 @@
|
||||||
}}</span
|
}}</span
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div v-if="$route.query.way === 'POINTS'">
|
||||||
|
<span>应付积分:</span
|
||||||
|
><span class="actrual-price">{{
|
||||||
|
priceDetailDTO.payPoint
|
||||||
|
}}</span>
|
||||||
|
</div>
|
||||||
|
<div v-else>
|
||||||
<span>应付金额:</span
|
<span>应付金额:</span
|
||||||
><span class="actrual-price">{{
|
><span class="actrual-price">{{
|
||||||
priceDetailDTO.flowPrice | unitPrice("¥")
|
priceDetailDTO.flowPrice | unitPrice("¥")
|
||||||
|
@ -299,7 +282,6 @@ import {
|
||||||
cartGoodsPay,
|
cartGoodsPay,
|
||||||
createTrade,
|
createTrade,
|
||||||
selectAddr,
|
selectAddr,
|
||||||
shippingMethod,
|
|
||||||
selectCoupon,
|
selectCoupon,
|
||||||
couponNum
|
couponNum
|
||||||
} from '@/api/cart';
|
} from '@/api/cart';
|
||||||
|
@ -318,13 +300,6 @@ export default {
|
||||||
receiptTitle: '个人',
|
receiptTitle: '个人',
|
||||||
receiptContent: '不开发票'
|
receiptContent: '不开发票'
|
||||||
},
|
},
|
||||||
otherMsgForm: {
|
|
||||||
// 其他信息模块数据
|
|
||||||
point: 0,
|
|
||||||
availablePoint: 10,
|
|
||||||
totalPoint: 100,
|
|
||||||
noGoods: 0
|
|
||||||
},
|
|
||||||
addressList: [], // 地址列表
|
addressList: [], // 地址列表
|
||||||
selectedAddress: {}, // 所选地址
|
selectedAddress: {}, // 所选地址
|
||||||
goodsList: [], // 商品列表
|
goodsList: [], // 商品列表
|
||||||
|
@ -549,11 +524,15 @@ export default {
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.$Spin.hide();
|
this.$Spin.hide();
|
||||||
if (res.success) {
|
if (res.success) {
|
||||||
|
if (params.way === 'POINTS') { // 积分支付不需要跳转支付页面
|
||||||
|
this.$router.push('/payDone')
|
||||||
|
} else {
|
||||||
this.$router.push({
|
this.$router.push({
|
||||||
path: '/payment',
|
path: '/payment',
|
||||||
query: { orderType: 'TRADE', sn: res.result.sn }
|
query: { orderType: 'TRADE', sn: res.result.sn }
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
}
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
this.$Spin.hide();
|
this.$Spin.hide();
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="background:#fff;">
|
<div style="background:#fff;">
|
||||||
<BaseHeader></BaseHeader>
|
<BaseHeader></BaseHeader>
|
||||||
<Search></Search>
|
<Search style="border-bottom:2px solid red;"></Search>
|
||||||
<!-- <drawer></drawer> -->
|
<!-- <drawer></drawer> -->
|
||||||
<div class="base-width cate-container">
|
<div class="base-width cate-container">
|
||||||
<Breadcrumb>
|
<Breadcrumb>
|
||||||
<BreadcrumbItem to="/">首页</BreadcrumbItem>
|
<BreadcrumbItem to="/">首页</BreadcrumbItem>
|
||||||
<BreadcrumbItem v-for="(item, index) in categoryBar" :to="goGoodsList(index)" target="_blank" :key="index">{{item.name}}</BreadcrumbItem>
|
<BreadcrumbItem>{{goodsMsg.pointsGoodsCategoryName}}</BreadcrumbItem>
|
||||||
</Breadcrumb>
|
</Breadcrumb>
|
||||||
</div>
|
</div>
|
||||||
<!-- 商品信息展示 -->
|
<!-- 商品信息展示 -->
|
||||||
|
@ -15,87 +15,62 @@
|
||||||
<div class="item-detail-left">
|
<div class="item-detail-left">
|
||||||
<!-- 大图、放大镜 -->
|
<!-- 大图、放大镜 -->
|
||||||
<div class="item-detail-big-img">
|
<div class="item-detail-big-img">
|
||||||
<pic-zoom :url="imgList[imgIndex].url" :scale="2"></pic-zoom>
|
<pic-zoom v-if="goodsSku.thumbnail" :url="goodsSku.thumbnail" :scale="2"></pic-zoom>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-detail-img-row">
|
<div class="item-detail-img-row">
|
||||||
<div
|
<div class="item-detail-img-small">
|
||||||
class="item-detail-img-small"
|
<img :src="goodsSku.thumbnail" />
|
||||||
@mouseover="imgIndex = index"
|
|
||||||
v-for="(item, index) in imgList"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<img :src="item.url" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="goodsConfig mt_10">
|
|
||||||
<span @click="collect" ><Icon type="ios-heart" :color="isCollected ? '#ed3f14' : '#666'" />{{isCollected?'已收藏':'收藏'}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<!-- 右侧商品信息、活动信息、操作展示 -->
|
<!-- 右侧商品信息、活动信息、操作展示 -->
|
||||||
<div class="item-detail-right">
|
<div class="item-detail-right">
|
||||||
<div class="item-detail-title">
|
<div class="item-detail-title">
|
||||||
<p>
|
<p>{{ goodsSku.goodsName }}</p>
|
||||||
{{ skuDetail.goodsName }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="sell-point">
|
<div class="sell-point">
|
||||||
{{skuDetail.sellingPoint}}
|
{{goodsSku.sellingPoint}}
|
||||||
</div>
|
</div>
|
||||||
<!-- 商品详细 价格、优惠券、促销 -->
|
<!-- 商品详细 -->
|
||||||
<div class="item-detail-price-row">
|
<div class="item-detail-price-row">
|
||||||
<div class="item-price-left">
|
<div class="item-price-left">
|
||||||
<!-- 商品原价 -->
|
<!-- 商品原价 -->
|
||||||
<div class="item-price-row" v-if="!skuDetail.promotionPrice">
|
<div class="item-price-row">
|
||||||
<p>
|
<p>
|
||||||
<span class="item-price-title">价 格</span>
|
<span class="item-price-title">积 分</span>
|
||||||
<span class="item-price">{{skuDetail.price | unitPrice("¥")}}</span>
|
<span class="item-price">{{goodsMsg.points}}</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 选择规格 -->
|
|
||||||
<div class="item-select" v-for="(sku, index) in formatList" :key="sku.name">
|
|
||||||
<div class="item-select-title">
|
|
||||||
<p>{{ sku.name }}</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="item-select-column">
|
|
||||||
<div class="item-select-row" v-for="(item) in sku.values" :key="item.value">
|
|
||||||
<div class="item-select-box" @click="select(index, item.value)"
|
|
||||||
:class="{ 'item-select-box-active': item.value === currentSelceted[index] }"
|
|
||||||
>
|
|
||||||
<div class="item-select-intro">
|
|
||||||
<p>{{ item.value }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
<div class="add-buy-car-box">
|
<div class="add-buy-car-box">
|
||||||
<div class="item-select">
|
<div class="item-select">
|
||||||
<div class="item-select-title">
|
<div class="item-select-title">
|
||||||
<p>数量</p>
|
<p>数量</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-select-row">
|
<div class="item-select-row">
|
||||||
<InputNumber :min="1" :disabled="skuDetail.quantity === 0" v-model="count"></InputNumber>
|
<InputNumber :min="1" :disabled="goodsSku.quantity === 0" v-model="count"></InputNumber>
|
||||||
<span class="inventory"> 库存{{skuDetail.quantity}}</span>
|
<span class="inventory"> 库存{{goodsSku.quantity}}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-select" v-if="skuDetail.goodsType !== 'VIRTUAL_GOODS' && skuDetail.weight !== 0">
|
<div class="item-select" v-if="goodsSku.goodsType !== 'VIRTUAL_GOODS' && goodsSku.weight !== 0">
|
||||||
<div class="item-select-title">
|
<div class="item-select-title">
|
||||||
<p>重量</p>
|
<p>重量</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-select-row">
|
<div class="item-select-row">
|
||||||
<span class="inventory"> {{skuDetail.weight}}kg</span>
|
<span class="inventory"> {{goodsSku.weight}}kg</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="add-buy-car">
|
||||||
|
<Button type="error" :loading="loading" :disabled="goodsSku.quantity === 0" @click="pointBuy">积分购买</Button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 商品详情 -->
|
<!-- 商品详情 -->
|
||||||
<div class="base-width item-intro" ref="itemIntroGoods">
|
<div class="base-width item-intro" ref="itemIntroGoods">
|
||||||
<div>商品介绍</div>
|
<div>商品介绍</div>
|
||||||
<div v-html="goodsSku.intro" v-if="goodsSku.intro"></div>
|
<div v-html="goodsSku.intro" class="mt_10 ml_10" v-if="goodsSku.intro"></div>
|
||||||
<div v-else style="margin:20px;">暂无商品介绍</div>
|
<div v-else style="margin:20px;">暂无商品介绍</div>
|
||||||
</div>
|
</div>
|
||||||
<Spin size="large" fix v-if="isLoading"></Spin>
|
<Spin size="large" fix v-if="isLoading"></Spin>
|
||||||
|
@ -106,6 +81,7 @@
|
||||||
<script>
|
<script>
|
||||||
import Search from '@/components/Search';
|
import Search from '@/components/Search';
|
||||||
import PicZoom from 'vue-piczoom';
|
import PicZoom from 'vue-piczoom';
|
||||||
|
import { addCartGoods } from '@/api/cart.js';
|
||||||
import { pointGoodsDetail } from '@/api/promotion';
|
import { pointGoodsDetail } from '@/api/promotion';
|
||||||
export default {
|
export default {
|
||||||
name: 'PointGoodsDetail',
|
name: 'PointGoodsDetail',
|
||||||
|
@ -125,7 +101,9 @@ export default {
|
||||||
goodsSku: {}, // 商品sku
|
goodsSku: {}, // 商品sku
|
||||||
isLoading: false, // 加载状态
|
isLoading: false, // 加载状态
|
||||||
categoryBar: [], // 分类
|
categoryBar: [], // 分类
|
||||||
onceFlag: true // 只调用一次
|
onceFlag: true, // 只调用一次
|
||||||
|
count: 1, // 购买商品数量
|
||||||
|
loading: false // 提交加载状态
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -139,28 +117,43 @@ export default {
|
||||||
this.goodsSku = res.result.goodsSku
|
this.goodsSku = res.result.goodsSku
|
||||||
} else {
|
} else {
|
||||||
this.$Message.error(res.message)
|
this.$Message.error(res.message)
|
||||||
// this.$router.push('/')
|
this.$router.push('/')
|
||||||
}
|
}
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
// this.$router.push('/')
|
this.$router.push('/')
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
goGoodsList (currIndex) { // 跳转商品列表
|
pointBuy () {
|
||||||
const arr = []
|
const params = {
|
||||||
this.categoryBar.forEach((e, index) => {
|
num: this.count,
|
||||||
if (index <= currIndex) {
|
skuId: this.goodsMsg.skuId,
|
||||||
arr.push(e.id)
|
cartType: 'POINTS'
|
||||||
|
};
|
||||||
|
this.loading = true;
|
||||||
|
addCartGoods(params).then(res => {
|
||||||
|
this.loading = false;
|
||||||
|
if (res.success) {
|
||||||
|
this.$router.push({path: '/pay', query: {way: params.cartType}});
|
||||||
|
} else {
|
||||||
|
this.$Message.warning(res.message);
|
||||||
}
|
}
|
||||||
})
|
}).catch(() => {
|
||||||
return location.origin + '/goodsList?categoryId=' + arr.toString()
|
this.loading = false;
|
||||||
|
});
|
||||||
},
|
},
|
||||||
handleScroll () { // 监听页面滚动
|
handleScroll () { // 监听页面滚动
|
||||||
if (this.onceFlag) {
|
if (this.onceFlag) {
|
||||||
this.$nextTick(() => {
|
this.$nextTick(() => {
|
||||||
this.changeHeight('itemIntroGoods')
|
this.changeHeight()
|
||||||
});
|
});
|
||||||
this.onceFlag = false
|
this.onceFlag = false
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
changeHeight () { // 设置商品详情高度
|
||||||
|
let goodsDetailCon = document.querySelector('.item-intro')
|
||||||
|
let heightCss = window.getComputedStyle(goodsDetailCon).height;
|
||||||
|
heightCss = parseInt(heightCss.substr(0, heightCss.length - 2)) + 89;
|
||||||
|
this.$refs.itemIntroGoods.style.height = heightCss + 'px';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
@ -174,9 +167,178 @@ export default {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.cate-container {
|
.cate-container{
|
||||||
|
background-color: #eee;
|
||||||
|
height: 30px;
|
||||||
|
line-height: 30px;
|
||||||
|
padding-left: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
// 商品图片,价格等
|
||||||
|
.item-detail-show {
|
||||||
|
width: 1200px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 30px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
.item-detail-left {
|
||||||
|
width: 350px;
|
||||||
|
margin-right: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail-big-img {
|
||||||
|
width: 350px;
|
||||||
|
height: 350px;
|
||||||
|
box-shadow: 0px 0px 8px $border_color;
|
||||||
|
cursor: pointer;
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail-img-row {
|
||||||
|
margin-top: 15px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail-img-small {
|
||||||
|
width: 68px;
|
||||||
|
height: 68px;
|
||||||
|
box-shadow: 0px 0px 8px #ccc;
|
||||||
|
cursor: pointer;
|
||||||
|
margin-left: 5px;
|
||||||
|
img {
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/*商品选购详情*/
|
||||||
|
.item-detail-right {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail-title p {
|
||||||
|
@include content_color($light_content_color);
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 20px;
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-detail-express {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 2px 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: $theme_color;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*商品标签*/
|
||||||
|
.item-detail-tag {
|
||||||
|
padding: 8px 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: $theme_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*价格详情等*/
|
||||||
|
.item-detail-price-row {
|
||||||
|
padding: 10px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: space-between;
|
||||||
|
background: url("../../assets/images/goodsDetail/price-bg.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-price-left {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-price-title {
|
||||||
|
color: #999999;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-price-row {
|
||||||
|
margin: 5px 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-price {
|
||||||
|
color: $theme_color;
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.item-price-old {
|
||||||
|
color: gray;
|
||||||
|
text-decoration: line-through;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.add-buy-car-box {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 15px;
|
||||||
|
border-top: 1px dotted $border_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-buy-car {
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
.item-select {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-title {
|
||||||
|
@include content_color($light_content_color);
|
||||||
|
font-size: 14px;
|
||||||
|
margin-right: 15px;
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-column {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-row {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
padding: 5px;
|
||||||
|
margin-right: 8px;
|
||||||
|
@include background_color($light_background_color);
|
||||||
|
border: 0.5px solid $border_color;
|
||||||
|
cursor: pointer;
|
||||||
|
@include content_color($light_content_color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-box:hover {
|
||||||
|
border: 0.5px solid $theme_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-box-active {
|
||||||
|
border: 0.5px solid $theme_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-select-intro p {
|
||||||
|
margin: 0px;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
.sell-point {
|
||||||
|
font-size: 12px;
|
||||||
|
color: red;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
// 商品详情
|
||||||
.item-intro {
|
.item-intro {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
>div:nth-child(1) {
|
>div:nth-child(1) {
|
||||||
|
|
|
@ -22,9 +22,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="goods-show-price">
|
<div class="goods-show-price">
|
||||||
<span>
|
<span>
|
||||||
<span class="seckill-price text-danger">{{
|
<span class="seckill-price text-danger">{{item.points}}积分</span>
|
||||||
item.settlementPrice | unitPrice("¥")
|
|
||||||
}} + {{item.points}}积分</span>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="goods-show-detail">
|
<div class="goods-show-detail">
|
||||||
|
|
|
@ -229,8 +229,8 @@ export default {
|
||||||
],
|
],
|
||||||
linkName: [{ required: true, message: '请填写联系人姓名' }],
|
linkName: [{ required: true, message: '请填写联系人姓名' }],
|
||||||
linkPhone: [
|
linkPhone: [
|
||||||
{ required: true, message: '请填写联系人姓名' },
|
{ required: true, message: '请填写公司电话' },
|
||||||
{ pattern: RegExp.mobile, message: '请填写正确手机号' }
|
{ pattern: RegExp.mobile, message: '请填写正确的号码' }
|
||||||
],
|
],
|
||||||
companyEmail: [
|
companyEmail: [
|
||||||
{ required: true, message: '请填写电子邮箱' },
|
{ required: true, message: '请填写电子邮箱' },
|
||||||
|
|
|
@ -17,14 +17,14 @@ export default {
|
||||||
* @description api请求基础路径
|
* @description api请求基础路径
|
||||||
*/
|
*/
|
||||||
api_dev: {
|
api_dev: {
|
||||||
// common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
// buyer: "https://buyer-api.pickmall.cn",
|
buyer: "https://buyer-api.pickmall.cn",
|
||||||
// seller: "https://store-api.pickmall.cn",
|
seller: "https://store-api.pickmall.cn",
|
||||||
// manager: "https://admin-api.pickmall.cn"
|
manager: "https://admin-api.pickmall.cn"
|
||||||
common: 'http://192.168.0.100:8890',
|
// common: 'http://192.168.0.100:8890',
|
||||||
buyer: 'http://192.168.0.100:8888',
|
// buyer: 'http://192.168.0.100:8888',
|
||||||
seller: 'http://192.168.0.100:8889',
|
// seller: 'http://192.168.0.100:8889',
|
||||||
manager: 'http://192.168.0.100:8887'
|
// manager: 'http://192.168.0.100:8887'
|
||||||
},
|
},
|
||||||
api_prod: {
|
api_prod: {
|
||||||
common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
</p>
|
</p>
|
||||||
<p class="item">
|
<p class="item">
|
||||||
<span class="label">性别:</span>
|
<span class="label">性别:</span>
|
||||||
<span v-if="memberInfo.sex==1" class="info">男</span>
|
<span v-if="memberInfo.sex===1" class="info">男</span>
|
||||||
<span v-else class="info">女</span>
|
<span v-else class="info">女</span>
|
||||||
</p>
|
</p>
|
||||||
<p class="item">
|
<p class="item">
|
||||||
|
@ -414,7 +414,6 @@
|
||||||
key: "beforePoint",
|
key: "beforePoint",
|
||||||
width: 150,
|
width: 150,
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
title: "变动积分",
|
title: "变动积分",
|
||||||
key: "variablePoint",
|
key: "variablePoint",
|
||||||
|
@ -434,10 +433,9 @@
|
||||||
style: {
|
style: {
|
||||||
color: 'red'
|
color: 'red'
|
||||||
}
|
}
|
||||||
}, "-" + params.row.variablePoint),
|
}, params.row.variablePoint),
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -483,7 +481,6 @@
|
||||||
} else if (params.row.orderType == "PINTUAN") {
|
} else if (params.row.orderType == "PINTUAN") {
|
||||||
return h('div', [h('span', {}, '拼团订单'),]);
|
return h('div', [h('span', {}, '拼团订单'),]);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -538,7 +535,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
title: "售后状态",
|
title: "售后状态",
|
||||||
key: "groupAfterSaleStatus",
|
key: "groupAfterSaleStatus",
|
||||||
|
|
|
@ -106,7 +106,7 @@
|
||||||
style: {
|
style: {
|
||||||
color: 'red'
|
color: 'red'
|
||||||
}
|
}
|
||||||
}, "-" + params.row.variablePoint),
|
}, params.row.variablePoint),
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -18,14 +18,14 @@ export default {
|
||||||
* @description api请求基础路径
|
* @description api请求基础路径
|
||||||
*/
|
*/
|
||||||
api_dev: {
|
api_dev: {
|
||||||
common: "https://common-api.pickmall.cn",
|
// common: "https://common-api.pickmall.cn",
|
||||||
buyer: "https://buyer-api.pickmall.cn",
|
// buyer: "https://buyer-api.pickmall.cn",
|
||||||
seller: "https://store-api.pickmall.cn",
|
// seller: "https://store-api.pickmall.cn",
|
||||||
manager: "https://admin-api.pickmall.cn"
|
// manager: "https://admin-api.pickmall.cn"
|
||||||
// common: 'http://192.168.0.100:8890',
|
common: 'http://192.168.0.100:8890',
|
||||||
// buyer: 'http://192.168.0.100:8888',
|
buyer: 'http://192.168.0.100:8888',
|
||||||
// seller: 'http://192.168.0.100:8889',
|
seller: 'http://192.168.0.100:8889',
|
||||||
// manager: 'http://192.168.0.100:8887'
|
manager: 'http://192.168.0.100:8887'
|
||||||
},
|
},
|
||||||
api_prod: {
|
api_prod: {
|
||||||
common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
|
|
Loading…
Reference in New Issue