Delay.vue 1.91 KB
Newer Older
dragondean@qq.com's avatar
dragondean@qq.com committed
1 2 3
<template>
    <div>
        <el-descriptions :column="4">
4
            <el-descriptions-item :label="$t('客户编号')">{{detail.customerNumber}}</el-descriptions-item>
Marcus's avatar
Marcus committed
5 6
            <el-descriptions-item :label="$t('客户名称')">{{detail.customerName}}</el-descriptions-item>
            <el-descriptions-item :label="$t('跟进客服')">{{detail.followUpSalesmanName}}</el-descriptions-item>
7 8 9 10
            <el-descriptions-item :label="$t('创建时间')">{{parseTime(detail.customerCreateTime)}}</el-descriptions-item>

            <el-descriptions-item :span="2" :label="$t('客户原计划掉入公海池时间')">{{parseTime(detail.orgEstimateEnterOpenSeaTime)}}</el-descriptions-item>
            <el-descriptions-item :span="2" :label="$t('申请延期后时间')">{{parseTime(detail.estimateEnterOpenSeaTime)}}</el-descriptions-item>
Marcus's avatar
Marcus committed
11
            <el-descriptions-item :label="$t('申请凭证')" :span="4">
dragondean@qq.com's avatar
dragondean@qq.com committed
12 13
                <el-image v-for="(item, index) in pictures" :key="index" :src="item" style="width:100px; height:100px" :preview-src-list="pictures"></el-image>
            </el-descriptions-item>
14 15

            <el-descriptions-item :label="$t('申请原因')" :span="4">{{detail.reason}}</el-descriptions-item>
dragondean@qq.com's avatar
dragondean@qq.com committed
16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36
        </el-descriptions>
    </div>
</template>
<script>
import { getApproval } from '@/api/ecw/customer';
import {parseTime} from '@/utils/ruoyi'
export default {
    props:{
        id: [String, Number]
    },
    data(){
        return {
            info: null
        }
    },
    computed:{
        detail(){
            if(!this.info) return null
            return JSON.parse(this.info.details)
        },
        pictures(){
dragondean@qq.com's avatar
dragondean@qq.com committed
37
            if(!this.detail || !this.detail.voucher) return []
dragondean@qq.com's avatar
dragondean@qq.com committed
38 39 40 41
            return this.detail.voucher.split(',').filter(item => !!item)
        }
    },
    created(){
42
        parseTime,
dragondean@qq.com's avatar
dragondean@qq.com committed
43 44 45 46 47 48
        getApproval(this.id).then(res => {
            this.info = res.data
        })
    }
}
</script>