| | |
| | | <div v-if="info.status ==4" class="header-grey">已关闭</div> |
| | | <div v-if="info.status ==6" class="header-grey">已退款</div> |
| | | <div style="text-align: right;"> |
| | | <div class="header-red-btn" v-if="info.status == 0" @click="$refs.OperaOrderCancelWindow.open('取消订单', info)">取消订单</div> |
| | | <div class="header-red-btn" v-if="info.status == 3" @click="$refs.OperaOrderCancelWindow.open('订单退款', info)">订单退款</div> |
| | | <div class="header-red-btn" v-if="info.status == 0 || info.status == 1" @click="$refs.OperaOrderCancelWindow.open('取消订单', info)">取消订单</div> |
| | | <div class="header-red-btn" v-if="info.status == 3" @click="$refs.OperaOrderRefundWindow.open('订单退款', info)">订单退款</div> |
| | | <div class="header-blue-btn" @click="showChangeRecord">变更记录</div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | <div class="info-item" > |
| | | <div class="info-item-a">取消时间:<span >{{info.cancelDate}}</span></div> |
| | | <div class="info-item-a">取消人员:<span>{{info.cancelUserName }}</span></div> |
| | | <div class="info-item-a">取消人员:<span>{{info.cancelUser !=null?info.cancelUserName:'用户主动取消'}}</span></div> |
| | | <div class="info-item-a">取消说明:<span>{{info.cancelInfo }}</span></div> |
| | | </div> |
| | | <div class="info-item"></div> |
| | |
| | | <el-table-column prop="name" label="商品名称" align="center" min-width="150px"> </el-table-column> |
| | | <el-table-column prop="categoryName" label="商品分类" align="center" min-width="150px"> </el-table-column> |
| | | <el-table-column prop="goodsWeight" label="重量(kg)" align="center" min-width="150px"></el-table-column> |
| | | <el-table-column prop="price" label="销售价(元)" align="center" min-width="100px"></el-table-column> |
| | | <el-table-column prop="price" label="销售价(元)" align="center" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span>¥{{(row.price || 0).toFixed(2)}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="goodsNum" label="数量" align="center" min-width="150px"></el-table-column> |
| | | <el-table-column prop="totalPrice" label="小计" align="center" min-width="150px"></el-table-column> |
| | | <el-table-column prop="totalPrice" label="小计(元)" align="center" min-width="150px"> |
| | | <template slot-scope="{row}"> |
| | | <span class="orange">¥{{(row.totalPrice || 0).toFixed(2)}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | | <div class="info-item" > |
| | | <div class="info-item-a">商品总价:<span> ¥{{((info.totalPrice||0)-(info.mailPrice || 0)).toFixed(2)}}</span></div> |
| | | <div class="info-item-a">快递费:<span>¥{{(info.mailPrice||0).toFixed(2)}}</span></div> |
| | | <div class="info-item-a">订单总价:<span > ¥{{(info.totalPrice||0).toFixed(2)}}</span></div> |
| | | <div class="info-item-a">订单总价:<span> ¥{{(info.totalPrice||0).toFixed(2)}}</span></div> |
| | | </div> |
| | | <div class="info-item" > |
| | | <div class="info-item-a">优惠共减:<span> -¥{{((info.integral||0) + (info.couponPrice||0)).toFixed(2) }}</span> |
| | | <span style="margin-left: 20px;" > |
| | | <el-button type="text" @click="showCouponPrice">查看</el-button> |
| | | <span v-if="((info.integral||0) + (info.couponPrice||0)).toFixed(2)>0"> |
| | | <el-popover |
| | | style="margin-left: 20px;" |
| | | placement="right-start" |
| | | width="360px" |
| | | @show="visible2=true" |
| | | @hide="visible2=false" |
| | | trigger="click" > |
| | | <div style="margin-top: 10px;font-size: 12px;"> |
| | | <div style="margin-bottom: 20px;font-weight: 600;"> 优惠共减:<span class="red"> -¥{{((info.integral||0) + (info.couponPrice||0)).toFixed(2) }}</span></div> |
| | | <div style="margin-bottom: 10px;display: flex;align-items: baseline;" v-if="(info.integral||0)>0"> |
| | | <span style="border-left: 3px solid red;font-size: 10px;margin-right: 10px;height: 10px;"></span> |
| | | 积分抵扣:-¥{{(info.integral||0).toFixed(2) +' '}}使用{{(info.useIntegral||0)}}积分抵扣¥{{(info.integral||0).toFixed(2) +' '}}元 |
| | | </div> |
| | | <div style="margin-bottom: 10px;display: flex;align-items: baseline;" v-if="(info.couponPrice||0)>0"> |
| | | <span style="border-left: 3px solid red;font-size: 10px;margin-right: 10px;height: 10px;"></span> |
| | | {{' 优 惠 券 '}}:{{' '}}-¥{{(info.couponPrice||0).toFixed(2) +' '}}使用{{info.couponName}} |
| | | </div> |
| | | </div> |
| | | <el-button slot="reference" type="text">{{visible2?'收起':'查看'}}</el-button> |
| | | </el-popover> |
| | | </span> |
| | | </div> |
| | | </div> |
| | |
| | | <OperaChangeIntegralWindow ref="OperaChangeIntegralWindow" @success="successBiz"/> |
| | | <OperaOrderMarkWindow ref="operaOrderMarkWindow" @success="successBiz"/> |
| | | <OperaOrderCancelWindow ref="OperaOrderCancelWindow" @success="successBiz"/> |
| | | <OperaOrderRefundWindow ref="OperaOrderRefundWindow" @success="successBiz"/> |
| | | </GlobalWindow> |
| | | </template> |
| | | |
| | |
| | | import OperaOrderCancelWindow from '@/components/business/OperaOrderCancelWindow' |
| | | import OperaOrderMarkWindow from '@/components/business/OperaOrderMarkWindow' |
| | | import OperaShipmentsWindow from '@/components/business/OperaShipmentsWindow' |
| | | import OperaOrderRefundWindow from '@/components/business/OperaOrderRefundWindow' |
| | | export default { |
| | | name: 'OperaShopGoodsWindow', |
| | | extends: BaseOpera, |
| | | components: { GlobalWindow, OperaChangeOrderRecordWindow, OperaChangeIntegralWindow,OperaOrderMarkWindow,OperaShipmentsWindow ,OperaOrderCancelWindow}, |
| | | components: { OperaOrderRefundWindow, GlobalWindow, OperaChangeOrderRecordWindow, OperaChangeIntegralWindow, OperaOrderMarkWindow, OperaShipmentsWindow, OperaOrderCancelWindow }, |
| | | data () { |
| | | return { |
| | | title: '', |
| | | visible2: false, |
| | | visible: false, |
| | | tabelHeight: null, |
| | | info: {}, |
| | |
| | | this.loadInfo() |
| | | this.$emit('success') |
| | | }, |
| | | showCouponPrice(){ |
| | | showCouponPrice () { |
| | | |
| | | }, |
| | | loadInfo () { |
| | |
| | | |
| | | } |
| | | .info-item-a span{ |
| | | font-weight: 600; |
| | | //font-weight: 500; |
| | | } |
| | | .info-item-a .btn{ |
| | | font-size: 12px !important; |