6 changed files with 498 additions and 137 deletions
@ -0,0 +1,178 @@
|
||||
<template> |
||||
<el-descriptions |
||||
class="margin-top" |
||||
title="客户信息详情" |
||||
:column="2" |
||||
size="Large" |
||||
border |
||||
> |
||||
<!-- <template #extra> |
||||
<el-button type="primary">Operation</el-button> |
||||
</template> --> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <user /> --> |
||||
</el-icon> |
||||
客户编码 |
||||
</div> |
||||
</template> |
||||
{{ detail.clientCode }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <user /> --> |
||||
</el-icon> |
||||
客户名称 |
||||
</div> |
||||
</template> |
||||
{{ detail.clientName }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <user /> --> |
||||
</el-icon> |
||||
客户类型 |
||||
</div> |
||||
</template> |
||||
{{ detail.clientType }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <user /> --> |
||||
</el-icon> |
||||
服务类型 |
||||
</div> |
||||
</template> |
||||
{{ detail.typeServiceList }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <iphone /> --> |
||||
</el-icon> |
||||
联系人 |
||||
</div> |
||||
</template> |
||||
{{ detail.linkman }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <iphone /> --> |
||||
</el-icon> |
||||
联系电话 |
||||
</div> |
||||
</template> |
||||
{{ detail.phone }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <iphone /> --> |
||||
</el-icon> |
||||
地址 |
||||
</div> |
||||
</template> |
||||
{{ detail.bladeRegionProvinceId }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <tickets /> --> |
||||
</el-icon> |
||||
详细地址 |
||||
</div> |
||||
</template> |
||||
{{ detail.detailedly }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <office-building /> --> |
||||
</el-icon> |
||||
合同附件 |
||||
</div> |
||||
</template> |
||||
<el-image style="width: 100px; height: 100px;border-radius: 5px;" :src="detail.leaseAccessories" :fit="fit" /> |
||||
<!-- 图片 leaseAccessories --> |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <office-building /> --> |
||||
</el-icon> |
||||
合同开始时间 |
||||
</div> |
||||
</template> |
||||
{{ detail.contractStartTime }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <office-building /> --> |
||||
</el-icon> |
||||
合同结束时间 |
||||
</div> |
||||
</template> |
||||
{{ detail.contractEntTime }} |
||||
</el-descriptions-item> |
||||
<el-descriptions-item> |
||||
<template #label> |
||||
<div class="cell-item"> |
||||
<el-icon :style="iconStyle"> |
||||
<!-- <office-building /> --> |
||||
</el-icon> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
</el-descriptions-item> |
||||
</el-descriptions> |
||||
<!-- <el-button type="primary" @click="bkbut">返回</el-button> --> |
||||
</template> |
||||
<script setup> |
||||
import { getDetail } from '@/api/basicdata/basicClient'; |
||||
import { useRoute, useRouter } from 'vue-router'; |
||||
import { reactive,onMounted } from 'vue'; |
||||
const route = useRoute(); |
||||
const router=useRouter() |
||||
const details = reactive({ |
||||
id:'', |
||||
detail:{} |
||||
}); |
||||
|
||||
onMounted(() => { |
||||
details.id=route.query.id |
||||
init() |
||||
}) |
||||
async function init() { |
||||
let res=await getDetail(details.id) |
||||
details.detail=res.data.data |
||||
} |
||||
function bkbut(){ |
||||
router.go(-1) |
||||
} |
||||
const { detail }=toRefs(details) |
||||
</script> |
||||
<style lang="scss"> |
||||
.margin-top{ |
||||
margin-top: 20px; |
||||
margin-left: 20px; |
||||
margin-right: 20px; |
||||
} |
||||
</style> |
Loading…
Reference in new issue