tallyExectionDetail.vue

<template>
    <view class="tallyExectionDetail">
        <view class="base-information">
            <view class="top row bothSide verCenter">
                <view class="title row verCenter">
                    <text class="arrow row rowCenter verCenter"></text>
                    <text class="tt">基础信息</text>
                </view>
            </view>
            <view class="pp row verCenter">
                <text class="t1">入仓号：</text>
                <text class="t2" style="width: auto;">{{ customerDetail.erp_order_sn }}</text>
                <text class="type row rowCenter verCenter" v-if="customerDetail.is_goods_check">商检</text>
            </view>
            <view class="pp row verCenter">
                <text class="t1">跟单商务：</text>
                <text class="t2">{{ customerDetail.bussiness_name }}</text>
            </view>
            <view class="pp row verCenter">
                <text class="t1">订单客户：</text>
                <text class="t2">{{ customerDetail.company_name || '--' }}</text>
            </view>
            <view class="pp row verCenter">
                <text class="t1">发起时间：</text>
                <text class="t2">{{ customerDetail.create_time_cn }}</text>
            </view>
            <view class="status-box row verCenter bothSide">
                <view class="bb row verCenter">
                    <text class="t1">商务状态：</text>
                    <text class="t2">{{ customerDetail.ask_customer_sw_status_cn || '--' }}</text>
                </view>
                <view class="bb row verCenter">
                    <text class="t1">仓库状态：</text>
                    <text class="t3">{{ customerDetail.store_execute_status_cn || '--' }}</text>
                </view>
            </view>
        </view>
        <view class="question-box">
            <view class="top row bothSide verCenter">
                <view class="title row verCenter">
                    <text class="arrow row rowCenter verCenter"></text>
                    <text class="tt">问题类型</text>
                </view>
                <view class="exception-ico row verCenter">
                    <text class="iconfont icon-jinggao1"></text>
                    <text class="tt">{{ customerDetail.ask_customer_exception_id_cn }}</text>
                </view>
            </view>
            <view class="uni-table">
                <view class="uni-th row">
                    <text class="row verCenter tc">序号</text>
                    <text class="row verCenter">商品型号</text>
                    <text class="row verCenter">下单数据</text>
                    <text class="row verCenter">仓库数据</text>
                    <text class="row verCenter">商务回复</text>
                </view>
                <view class="uni-tr row verCenter" v-for="(item, index) in customerDetail.order_goods" :key="index">
                    <text class="txt w row verCenter tc">{{ index + 1 }}</text>
                    <text class="txt w row verCenter">{{ item.goods_type }}</text>
                    <text class="txt w row verCenter">{{ item.order_result }}</text>
                    <text class="txt w row verCenter">{{ item.store_result }}</text>
                    <text class="txt w row verCenter desc">{{ item.customer_result }}</text>
                </view>
            </view>
            <view class="show-pic" v-if="customerDetail.upload_img">
                <view class="pic-title">问题图片</view>
                <view class="list row verCenter">
                    <view class="box" @click="previewChange(customerDetail.upload_img.split(','), i)" v-for="(v, i) in customerDetail.upload_img.split(',')" :key="i"><image :src="v" mode="aspectFill"></image></view>
                </view>
            </view>
            <view class="text-box">
                <view class="tt-box row">
                    <text class="label">仓库备注：</text>
                    <text class="t1">{{ customerDetail.ask_customer_remark || '--' }}</text>
                </view>
                <view class="tt-box row">
                    <text class="label">商务回复：</text>
                    <text class="t2">{{ customerDetail.ask_customer_sw_confirm_remark || '--' }}</text>
                </view>
            </view>
        </view>
        <template v-if="customerDetail.ask_customer_sw_status == 2 && customerDetail.store_execute_status == 1">
            <view class="btn row rowCenter verCenter" @click="changeWatch(customerDetail.ask_customer_problem_list_id)" v-if="customerDetail.is_watch == 0">核对并执行</view>
            <view class="btn row rowCenter verCenter disabled" v-if="customerDetail.is_watch == 1">已核对</view>
        </template>
    </view>
</template>

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

export default {
    data() {
        return {
            noexebshowFalg: true, //控制是否会触发生命周期
            ask_customer_problem_list_id: '',
            customerDetail: {}
        };
    },
    onLoad(options) {
        this.ask_customer_problem_list_id = options.ask_customer_problem_list_id;
    },
    onShow() {
        if (this.noexebshowFalg) {
            this.getData();
        }
    },
    methods: {
        previewChange(img, index) {
            this.noexebshowFalg = false; //不允许再次触发onshow这个生命周期
            uni.previewImage({
                current: index,
                urls: img
            });
        },
        getData() {
            this.request(API.askCustomerProblemDetail, 'GET', { ask_customer_problem_list_id: this.ask_customer_problem_list_id }).then(res => {
                if (res.err_code === 0) {
                    this.customerDetail = res.data;
                } else {
                    uni.showToast({
                        title: res.err_msg,
                        icon: 'error'
                    });
                }
            });
        },
        changeWatch(id) {
            this.request(API.changeWatch, 'GET', { ask_customer_problem_list_id: id }, true).then(res => {
                if (res.err_code === 0) {
                    uni.showToast({
                        title: '操作成功',
                        icon: 'none'
                    });
                    setTimeout(() => {
                        this.getData();
                    }, 2000);
                } else {
                    uni.showModal({
                        title: '提示',
                        content: res.err_msg,
                        showCancel: false
                    });
                }
            });
        }
    }
};
</script>

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