| | |
| | | <GlobalWindow |
| | | :title="title" |
| | | width="100%" |
| | | :with-footer="false" |
| | | :visible.sync="visible" |
| | | > |
| | | <div class="detail-box"> |
| | | <div class="platgroup_tabs"> |
| | | <div class="tab" :class="{ active: activeGroup === item.id }" @click="groupClick(item)" |
| | | v-for="(item, i) in groupList" :key="i"> |
| | | v-for="(item, i) in groupList" :key="'tab_'+i"> |
| | | {{ item.name }} |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <template v-if="activeGroup ==0"> |
| | | <template v-if="activeGroup ===0"> |
| | | <div class="detail-box"> |
| | | <div class="header"> |
| | | <div class="header-b">基本信息</div> |
| | |
| | | </TableLayout> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="activeGroup == 1"> |
| | | <template v-if="activeGroup === 1"> |
| | | <div class="detail-box"> |
| | | <el-form ref="searchForm1" :model="searchForm1" style="display: block;" > |
| | | <el-form-item label="" prop="code" style="display: inline-block;margin-right: 30px;"> |
| | | <el-input v-model="searchForm1.code" placeholder="请输入订单号" @keypress.enter.native="handlePageChange1(1)"></el-input> |
| | | <el-form-item label="" prop="code" style="display: inline-block;margin-right: 20px;"> |
| | | <el-input v-model="searchForm1.code" style="width: 130px;" placeholder="订单编号" @keypress.enter.native="handlePageChange1(1)"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="" prop="goodsName" style="display: inline-block;margin-right: 30px;"> |
| | | <el-input v-model="searchForm1.goodsName" placeholder="请输入商品名称/编码" @keypress.enter.native="handlePageChange1(1)"></el-input> |
| | | <el-form-item label="" prop="goodsName" style="display: inline-block;margin-right: 20px;"> |
| | | <el-input v-model="searchForm1.goodsName" style="width: 130px;" placeholder="商品名称/编码" @keypress.enter.native="handlePageChange1(1)"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="" prop="status" style="display: inline-block;margin-right: 30px;"> |
| | | <!-- 0正常 1禁用 --> |
| | | <el-select v-model="searchForm1.status" placeholder="请选择订单状态" @change="handlePageChange1(1)" > |
| | | <el-form-item label="" prop="status" style="display: inline-block;margin-right: 20px;"> |
| | | <el-select v-model="searchForm1.status" placeholder="订单状态" style="width: 130px;" @change="handlePageChange1(1)" > |
| | | <el-option :key="0" :value="0" label="待支付" ></el-option> |
| | | <el-option :key="1" :value="1" label="待发货/待自提" ></el-option> |
| | | <el-option :key="2" :value="2" label="待收货" ></el-option> |
| | |
| | | <el-option :key="4" :value="4" label="已关闭" ></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="date-style" style="display: inline-block;font-size: 14px;margin-right: 20px;">订单时间: |
| | | <el-form-item label="" prop="receiveType" style="display: inline-block;margin-right: 20px;"> |
| | | <el-select v-model="searchForm1.receiveType" style="width: 130px; " placeholder="取货方式" clearable @change="handlePageChange1(1)" > |
| | | <el-option :key="0" :value="0" label="快递配送"></el-option> |
| | | <el-option :key="1" :value="1" label="自提"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="date-style" style="display: inline-block;font-size: 14px;margin-right: 20px;font-size: 12px;">订单时间: |
| | | <el-form-item label="" prop="starttime" style="display: inline-block" > |
| | | <el-date-picker |
| | | style="width: 160px; " |
| | |
| | | value-format="yyyy-MM-dd HH:mm:ss" |
| | | format="yyyy-MM-dd HH:mm:ss" |
| | | range-separator="至" |
| | | placeholder="截止时间" |
| | | placeholder="结束时间" |
| | | ></el-date-picker> |
| | | </el-form-item> |
| | | </div> |
| | |
| | | stripe |
| | | border |
| | | > |
| | | <el-table-column prop="code" label="订单编号" align="center" min-width="120px" show-overflow-tooltip> </el-table-column> |
| | | <el-table-column prop="code" label="订单编号" fixed align="center" min-width="120px" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | <span style="color: #216EEE; " @click="$refs.operaGoodsOrderDetail.open('订单详情', row, 'first')">{{row.code}}</span> |
| | | </template> |
| | | |
| | | </el-table-column> |
| | | <el-table-column prop="details" label="商品信息" align="center" min-width="250px" show-overflow-tooltip> |
| | | <template slot-scope="{row}"> |
| | | <div v-if="row.goodsorderDetailList && row.goodsorderDetailList.length" style="width: 220px"> |
| | | <div v-for="(item) in row.goodsorderDetailList" style="display: flex"> |
| | | <div v-for="(item) in row.goodsorderDetailList" :key="'itemdetail_'+item.id" style="display: flex"> |
| | | <div style="flex: 1">【{{item.name}}】</div><div style="flex: 1">销售价:{{item.price||0}} 数量:{{item.goodsNum||0}}</div> |
| | | </div> |
| | | </div> |
| | |
| | | <el-table-column prop="couponPrice" label="优惠金额(元)" align="center" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | {{(row.couponPrice || 0) + (row.integral||0)}} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="status" label="订单状态" align="center" min-width="100px"> |
| | | <template slot-scope="{row}"> |
| | | <span v-if="row.status ==0" class="orange">待支付</span> |
| | | <span v-if="row.status ==1" class="orange">{{ (row.receiveType||0)==1?'待自提':'待发货'}}</span> |
| | | <span v-if="row.status ==2" class="orange">待收货</span> |
| | | <span v-if="row.status ==3" class="grey">交易完成</span> |
| | | <span v-if="row.status ==4" class="grey">已取消</span> |
| | | <span v-if="row.status ==6" class="grey">已退款</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="price" label="实付价格(元)" align="center" min-width="200px"></el-table-column> |
| | |
| | | </TableLayout> |
| | | </div> |
| | | </template> |
| | | <template v-else-if="activeGroup == 2"> |
| | | <template v-if="activeGroup === 2"> |
| | | <div class="detail-box"> |
| | | <div class="header"> |
| | | <div class="header-b">积分明细</div> |
| | |
| | | <span v-else class="red">扣除</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="num" label="数量" fixed align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="totalNum" label="余额" fixed align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="num" label="数量" align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="totalNum" label="余额" align="center" min-width="100px"> </el-table-column> |
| | | <el-table-column prop="strObjType" label="消费类型" align="center" min-width="100px"></el-table-column> |
| | | <el-table-column prop="content" label="来源" align="center" min-width="150px" show-overflow-tooltip></el-table-column> |
| | | <el-table-column prop="remark" label="备注" align="center" min-width="200px"></el-table-column> |
| | |
| | | </template> |
| | | <OperaChangeShopRecordWindow ref="OperaChangeShopRecordWindow"/> |
| | | <OperaChangeIntegralWindow ref="OperaChangeIntegralWindow" @success="successBiz"/> |
| | | <OperaGoodsOrderDetail ref="operaGoodsOrderDetail" @success="handlePageChange"/> |
| | | </GlobalWindow> |
| | | </template> |
| | | <script> |
| | |
| | | import TableLayout from '@/layouts/TableLayout' |
| | | import Pagination from '@/components/common/Pagination' |
| | | import OperaChangeShopRecordWindow from '@/components/business/OperaChangeShopRecordWindow' |
| | | import OperaGoodsOrderDetail from '@/components/business/OperaGoodsOrderDetail' |
| | | import OperaChangeIntegralWindow from '@/components/business/OperaChangeIntegralWindow' |
| | | import { shopDetail as detail } from '@/api/business/shop' |
| | | import { fetchList as actionList } from '@/api/business/userAction' |
| | |
| | | export default { |
| | | name: 'OperaShopInfoWindow', |
| | | extends: BaseTable, |
| | | components: { GlobalWindow, TableLayout, Pagination, OperaChangeShopRecordWindow, OperaChangeIntegralWindow }, |
| | | components: { GlobalWindow, TableLayout, Pagination, OperaChangeShopRecordWindow, OperaChangeIntegralWindow,OperaGoodsOrderDetail }, |
| | | data () { |
| | | return { |
| | | title: '', |
| | |
| | | searchForm1: { |
| | | distributionShopId: '', |
| | | goodsName: null, |
| | | receiveType:'', |
| | | code: null, |
| | | status: null, |
| | | starttime: null, |
| | |
| | | .platgroup_tabs { |
| | | flex: 1; |
| | | display: flex; |
| | | font-size: 15px; |
| | | border-bottom: 1px solid #dfe2e8; |
| | | margin-bottom: 30px; |
| | | .tab { |
| | |
| | | border-bottom: 2px solid #216EEE; |
| | | } |
| | | } |
| | | .table-pagination{ |
| | | /*.table-pagination{ |
| | | position: fixed !important; |
| | | bottom: 50px; |
| | | } |
| | | }*/ |
| | | .header-b{ |
| | | display: inline-block; |
| | | font-size: 16px; |