tally.vue

<template>
    <view class="tally">
        <view class="fix">
            <view class="search-box">
                <view class="search-input row bothSide verCenter">
                    <text class="iconfont icon-a-riqi11"></text>
                    <input type="text" @input="inputChange()" placeholder="请输入入仓号" class="uni-input" v-model="searchParams.erp_order_sn" placeholder-style="color:#6e767a" />
                    <text class="scan iconfont icon-juxing6" @click="scanChange()"></text>
                </view>
            </view>
        </view>
        <view class="tab row verCenter">
            <view class="box row" @click="changeTab(index)" :class="{ curr: index == currentIndex }" :key="index" v-for="(item, index) in textArr">
                <text class="t1">{{ item }}</text>
                <text class="t2" v-if="index == currentIndex">({{ total }})</text>
            </view>
        </view>
        <view class="await_response" v-if="list.length > 0">
            <navigator class="box row bothSide verCenter" :url="'/pages/goods/tallyExectionDetail?ask_customer_problem_list_id=' + item.ask_customer_problem_list_id" v-for="(item, index) in list" :key="index" v-if="list.length > 0" :class="{ curr: item.store_execute_status == 2 }">
                <view class="left row rowCenter verCenter">{{ item.ask_customer_exception_id_cn }}</view>
                <view class="right">
                    <view class="p1 row bothSide verCenter">
                        <view class="row verCenter">
                            <text class="t1">{{ item.company_name || '--' }}</text>
                            <text class="t3 row rowCenter verCenter" v-if="item.is_goods_check == 1">检</text>
                        </view>
                        <text class="t2">{{ item.erp_order_sn }}</text>
                    </view>
                    <view class="p2 row verCenter">
                        <text class="t1">仓库备注：</text>
                        <text class="t2">{{ item.ask_customer_remark }}</text>
                    </view>
                    <view class="p3 row bothSide verCenter">
                        <view class="row verCenter">
                            <text class="t1">提交时间：</text>
                            <text class="t2">{{ item.create_time_cn }}</text>
                        </view>
                        <template v-if="currentIndex == 0">
                            <view class="row verCenter">
                                <text class="t1">商务：</text>
                                <text class="t2">{{ item.bussiness_name }}</text>
                            </view>
                        </template>
                        <template v-else-if="currentIndex == 1">
                            <view class="row verCenter" v-if="item.store_execute_status == 1">
                                <text class="t1">执行：</text>
                                <text class="t2">{{ item.store_execute_status_cn }}</text>
                            </view>
                            <view class="row verCenter" v-else-if="item.store_execute_status == 2">
                                <text class="t1">执行：</text>
                                <text class="t2">{{ item.store_execute_name }}</text>
                            </view>
                        </template>
                    </view>
                </view>
            </navigator>
        </view>
        <view class="no-data column verCenter rowCenter" v-else>
            <text class="iconfont icon-jinggao2"></text>
            <text class="text">查找不到相关信息</text>
            <text class="p">1、请输入正确的入仓号</text>
        </view>
    </view>
</template>

<script>
import { API } from '@/util/api.js';

export default {
    data() {
        return {
            currentIndex: 0,
            textArr: ['等待回复', '商务已回复'],
            total: 0,
            list: [],
            searchParams: {
                page: 1,
                limit: 1000,
                erp_order_sn: '', //入仓号
                ask_customer_status: 1, //等待回复
                ask_customer_sw_status: '' //商务已回复
            }
        };
    },
    onLoad(options) {
        if (options.currentIndex != undefined) {
            this.currentIndex = options.currentIndex;
        }
    },
    onShow() {
        this.getData();
    },
    methods: {
        changeTab(index) {
            this.currentIndex = index;
            if (index == 0) {
                //等待回复列表
                this.searchParams.ask_customer_status = 1;
                this.searchParams.ask_customer_sw_status = '';
            } else if (index == 1) {
                //商务已回复列表
                this.searchParams.ask_customer_status = '';
                this.searchParams.ask_customer_sw_status = 2;
            }
            this.getData();
        },
        inputChange() {
            // 清除之前的定时器
            clearTimeout(this.timer);
            this.timer = setTimeout(() => {
                this.list = [];
                this.getData();
            }, 800);
        },
        getData() {
            this.request(API.askCustomerProblemList, 'GET', this.searchParams, true).then(res => {
                if (res.err_code === 0) {
                    this.list = res.data.data;
                    this.total = res.data.total;
                } else {
                    this.list = [];
                    this.total = 0;
                }
            });
        },
        scanChange() {
            uni.scanCode({
                success: res => {
                    console.log(res);
                    if (res.errMsg == 'scanCode:ok') {
                        this.searchParams.erp_order_sn = res.result;
                        this.getData();
                    }
                },
                fail: res => {
                    console.log(res);
                    uni.showToast({
                        title: '扫码失败',
                        icon: 'none'
                    });
                }
            });
        }
    }
};
</script>

<style scoped lang="scss">
@import '../../assets/css/goods/tally.scss';
</style>