|
|
@@ -0,0 +1,102 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <detail-template
|
|
|
+ :headData="mainAreaData"
|
|
|
+ :title="mainData.sonum"
|
|
|
+ :tabs="['详细信息']"
|
|
|
+ ownertable="sa_custorder"
|
|
|
+ >
|
|
|
+ <template #operation>
|
|
|
+ <Edit :rowData="mainData" @onSuccess="mianData()"></Edit>
|
|
|
+ </template>
|
|
|
+ <template #customContent>
|
|
|
+ <a-descriptions :column="6" :colon="false" :labelStyle="{display:'block',lineHeight:'25px',color:'#666',width:'80px',textAlignLast:'justify'}" size="small">
|
|
|
+ <a-descriptions-item :span="2">
|
|
|
+ <template #label>
|
|
|
+ <div style="display: flex">
|
|
|
+ <span style="display: block;text-align-last: justify;width: 70px;transform: translateY(50%);">封面</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <a-image v-if="mainData.attinfos && mainData.attinfos.length" :src=" mainData.attinfos[0].fileType=='video' ? mainData.attinfos[0].subfiles[0].url:mainData.attinfos[0].url" style="width:100px"></a-image>
|
|
|
+ </a-descriptions-item>
|
|
|
+ </a-descriptions>
|
|
|
+ </template>
|
|
|
+ <template #tab0>
|
|
|
+ <span class="normal-title" style="margin-bottom: 10px">基本信息</span>
|
|
|
+ <defaultInfo :data="baseInfo">
|
|
|
+ <template #封面图>
|
|
|
+ <a-image v-if="mainData.attinfos && mainData.attinfos.length" :src="mainData.attinfos[0].url" style="width:100px"></a-image>
|
|
|
+ </template>
|
|
|
+ </defaultInfo>
|
|
|
+ <span class="normal-title" style="margin: 10px 0">系统信息</span>
|
|
|
+ <defaultInfo :data="systemInfo"></defaultInfo>
|
|
|
+ </template>
|
|
|
+ </detail-template>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script setup>
|
|
|
+import Api from '@/api/api'
|
|
|
+import utils from '@/utils/utils'
|
|
|
+import detailTemplate from '@/components/detailTemplate/index.vue'
|
|
|
+import defaultInfo from '@/template/defaultInfo/index.vue'
|
|
|
+import customBtn from '@/components/customHandleBtn/index.vue'
|
|
|
+import Edit from './Edit.vue'
|
|
|
+
|
|
|
+import { useRouter } from "vue-router";
|
|
|
+import {ref,defineProps,createVNode, defineComponent,onMounted, provide, nextTick} from 'vue'
|
|
|
+import { log } from '@antv/g2plot/lib/utils'
|
|
|
+const router = useRouter()
|
|
|
+const mainAreaData = ref([])
|
|
|
+const mainData = ref({})
|
|
|
+let baseInfo = ref([])
|
|
|
+let systemInfo = ref([])
|
|
|
+const mianData = async ()=>{
|
|
|
+ const res = await Api.requested({
|
|
|
+ "id": "20240429152602",
|
|
|
+ "content": {
|
|
|
+ "sa_custorderid": router.currentRoute.value.query.id
|
|
|
+ }
|
|
|
+ })
|
|
|
+ res.data.attinfos = utils.fileList(res.data.attinfos)
|
|
|
+ mainData.value = res.data
|
|
|
+ console.log(mainData.value);
|
|
|
+ changeDataStructure(res.data)
|
|
|
+
|
|
|
+ baseInfo.value = [
|
|
|
+ {label:'订单编号',value:mainData.value.sonum},
|
|
|
+ {label:'商品名称',value:mainData.value.itemname},
|
|
|
+ {label:'类型',value:mainData.value.pricetype},
|
|
|
+ {label:'金额(元)',value:utils.formatAmount(mainData.value.price)},
|
|
|
+ {label:'微信支付订单号',value:mainData.value.transaction_id},
|
|
|
+ {label:'微信支付流水号',value:mainData.value.out_trade_no},
|
|
|
+ {label:'来源经销商',value:mainData.value.enterprisename},
|
|
|
+ {label:'状态',value:mainData.value.status},
|
|
|
+ {label:'客户名称',value:mainData.value.name},
|
|
|
+ {label:'客户电话',value:mainData.value.phonenumber},
|
|
|
+ {label:'收货人姓名',value:mainData.value.delivery_name},
|
|
|
+ {label:'收货人电话',value:mainData.value.delivery_phonenumber},
|
|
|
+ {label:'收货地址',value:mainData.value.province+mainData.value.city+mainData.value.county+mainData.value.address},
|
|
|
+ {label:'订单日志',value:mainData.value.remarks},
|
|
|
+ {label:'封面图',value:'custom'},
|
|
|
+ ]
|
|
|
+ systemInfo.value = [
|
|
|
+ {label:'创建人',value:mainData.value.createby},
|
|
|
+ {label:'创建时间',value:mainData.value.createdate},
|
|
|
+ {label:'最近编辑人',value:mainData.value.changeby},
|
|
|
+ {label:'最近编辑时间',value:mainData.value.changedate},
|
|
|
+ {label:'付款时间',value:mainData.value.paytime},
|
|
|
+ ]
|
|
|
+}
|
|
|
+
|
|
|
+const changeDataStructure = (data) => {
|
|
|
+ mainAreaData.value = utils.FormLayout('detailsHead',data)
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+onMounted (()=>{
|
|
|
+ mianData()
|
|
|
+})
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+</style>
|