<template>
|
<div class="inner-bg-style thirdLogInfo-style">
|
<el-form ref="form" size="mini" :rules="formRules" :model="form" label-width="120px">
|
<el-form-item label="接口标识：">{{form.identification}}</el-form-item>
|
<el-form-item label="订单编号：">{{form.orderId}}</el-form-item>
|
<el-form-item label="订单来源：">{{getLabel(orderSourceArr,form.orderSource)}}</el-form-item>
|
<div v-if="state === 'noDeliveryInterceptLog'">
|
<el-form-item label="拦截类型">{{form.interceptType === '1' ? "系统拦截" : form.interceptType === '2' ? "手动拦截" : '-'}}</el-form-item>
|
<el-form-item label="拦截状态">{{form.responseResult === '1' ? "拦截成功" : form.responseResult === '2' ? "拦截失败" : '-'}}</el-form-item>
|
</div>
|
<el-form-item label="推送状态：" v-if="state === 'deliveryPushLog' || state === 'refundPushLog'">{{form.responseResult === '1' ? "推送成功" : form.responseResult === '2' ? "推送失败" : '-'}}</el-form-item>
|
<el-form-item label="安吉推送参数：" v-if="state === 'deliveryPushLog' || state === 'refundPushLog'||state === 'noDeliveryInterceptLog'" class="beau">{{form.enterReference}}</el-form-item>
|
<el-form-item label="物流回传状态：" v-if="state === 'deliveryReturnLog'">{{form.responseResult === '1' ? "回传成功" : form.responseResult === '2' ? "回传失败" : '-'}}</el-form-item>
|
<el-form-item label="物流回传参数：" v-if="state === 'deliveryReturnLog'" class="beau">{{form.enterReference}}</el-form-item>
|
<el-form-item label="退款结果回传：" v-if="state === 'refundReturnLog'">{{form.responseResult === '1' ? "回传成功" : form.responseResult === '2' ? "回传失败" : '-'}}</el-form-item>
|
<el-form-item label="回传参数：" v-if="state === 'refundReturnLog'" class="beau">{{form.enterReference}}</el-form-item>
|
<el-form-item label="开始时间：">{{form.requestTiem}}</el-form-item>
|
</el-form>
|
<el-row class="buttonPosition">
|
<el-button size="mini" @click="cancel">返回</el-button>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import orderSourceArr from '@/utils/constant/orderSourceArr'
|
import logThirdPartySystemApi from '@/api/LogId'
|
|
export default {
|
data () {
|
return {
|
form: {},
|
orderSourceArr,
|
type: [],
|
identification: null,
|
state: ''
|
}
|
},
|
created () {
|
this.state = this.$route.query.state
|
// this.orderSourceArr = orderSourceArr
|
this.getLogDetails()
|
},
|
methods: {
|
// 获取详情
|
async getLogDetails () {
|
try {
|
const res = await logThirdPartySystemApi.logdetailsInfo(this.$route.query.logId)
|
if (res.code === '0') {
|
res.data.content = null
|
this.form = res.data
|
}
|
} catch (error) {
|
}
|
},
|
// 返回
|
cancel () {
|
this.$router.push({ name: 'thirdPartLogList' })
|
},
|
/**
|
* 获取数组的label
|
*/
|
getLabel (array, id) {
|
var lableText = array.find((item) => {
|
return item.id === id
|
})
|
if (lableText) {
|
return lableText.name
|
}
|
return ''
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.thirdLogInfo-style{
|
padding:20px;
|
}
|
.buttonPosition {
|
text-align: center;
|
margin-top: 10px;
|
}
|
//超出长度换行显示
|
.beau {
|
width: 900px;
|
word-wrap:break-word;
|
word-break: break-all;
|
overflow: hidden;
|
}
|
</style>
|
