shop-applet/pages/nongKe/supply_chain/finance.vue

186 lines
4.7 KiB
Vue
Raw Normal View History

2024-05-14 17:25:13 +08:00
<template>
<view class="finance">
<view class="tabs_box flex_a_c">
<u-subsection :list="subsList" :current="curNow" activeColor="#20A162" @change="subsChange"></u-subsection>
</view>
<block v-for="(item,i) in goodsList" :key="item.order_id">
<view class="list_item">
<view class="item_header flex_a_c_j_sb">
<view class="title_left">
<view class="name">采购人:{{item.real_name}}</view>
<view class="name"> :{{item.user_phone}}</view>
<view class="time">{{item.pay_time}}</view>
</view>
<view class="btn_right" @click="setInfo(item.mer_id,item.order_id)" v-if="item.status=='0'">去发货</view>
<view class="btn_right" v-else="item.status=='2'">已完成</view>
</view>
<view class="item_cont">
<view class="item_cell">采购商家{{item.merchant.mer_name}}</view>
<view class="item_cell flex">
<view class="">采购详情</view>
<view style="width: 100%;flex: 1;">
<!-- v-for="(item,index) in 3" :key="index" -->
<view class="flex_a_c_j_sb" v-for="list in item.orderProduct" :key="list.order_product_id">
<view class="">{{list.cart_info.product.store_name}}</view>
<view class="pro_num">X{{list.product_num}} </view>
</view>
</view>
</view>
<view class="item_cell">收货地址{{item.user_address}}</view>
<view class="item_cell">订单编号{{item.order_sn}}</view>
</view>
</view>
</block>
</view>
</template>
<script>
import { mapGetters } from 'vuex'
import { getOrderList, setAdminOrderDelivery } from '@/api/admin.js'
import { Toast } from '../../../libs/uniApi'
export default {
data() {
return {
curNow: '0',
serObj: {
status: '0',
page: '1',
limit: '20',
product_type:98,
},
subsList: ['未发货', '已发货', '全部订单'],
goodsList: [],
merId: ''
}
},
onLoad(options) {
// console.log(options.merid,'123');
this.merId = options.merid
},
onShow() {
this.getDefaultData()
},
computed: mapGetters(['userInfo']),
methods: {
subsChange(index) {
this.curNow = index
//未发货
if (index == '0') {
this.serObj.status = '0'
this.getDefaultData()
}
//index=='2'已发货
if (index == '1') {
this.serObj.status = '1'
this.getDefaultData()
}
//全部订单---暂时无接口
if (index == '2') {
delete this.serObj.status
this.getDefaultData()
}
},
//默认是未发货查询
async getDefaultData() {
const res = await getOrderList(this.serObj, this.merId)
// console.log(res);
this.goodsList = res.data.list
},
//去发货---
goDeliver_goods(order_id) {},
setInfo(merId, orderId) {
let that = this;
const data = {
delivery_id: this.userInfo.phone,
delivery_name: this.userInfo.service.nickname,
delivery_type: 2,
is_split: 0,
split: []
}
setAdminOrderDelivery(merId, orderId, data).then(
res => {
this.getDefaultData()
Toast('提交成功')
},
error => {
that.$util.Tips({
title: error
})
}
);
},
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.finance {}
::v-deep .u-subsection {
height: 94.74rpx !important;
padding: 10.53rpx !important;
}
::v-deep .u-subsection__bar {
height: 73.68rpx !important;
}
.tabs_box {
padding: 0 28.07rpx;
height: 136.84rpx;
background-color: #fff;
}
.pro_num{
color: #20A162;
}
.title_left {
width: 548rpx;
}
.list_item {
background-color: #fff;
width: 694.74rpx;
margin: 0 auto;
margin-top: 31.58rpx;
padding: 28.07rpx;
border-radius: 8px;
.item_header {
width: 100%;
padding-bottom: 17.54rpx;
border-bottom: 1px dashed #20A162;
.name {
font-size: 31.58rpx;
color: #333;
font-weight: bold;
margin-bottom: 21.05rpx;
}
.time {
color: #999;
font-size: 24.56rpx;
}
.btn_right {
color: #20A162;
text-align: center;
line-height: 49.12rpx;
width: 138.6rpx;
height: 49.12rpx;
border-radius: 4px;
border: 1px solid #20A162;
}
}
.item_cell {
margin-top: 24.56rpx;
}
}
</style>