viewer.vue
1.97 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<template>
<view class="viewer">
<view class="title">{{ inner.customerName }}</view>
<view class="grid">
<view class="row"><text class="label">企业类型</text><uni-easyinput v-model="inner.enterpriseType" :inputBorder="false" /></view>
<view class="row"><text class="label">区域</text><uni-easyinput v-model="inner.region" :inputBorder="false" /></view>
<view class="row"><text class="label">客户分类</text><uni-easyinput v-model="inner.companySuggestedCategory" :inputBorder="false" /></view>
<view class="row"><text class="label">登记日期</text><uni-datetime-picker type="date" v-model="inner.registerDate" /></view>
</view>
</view>
</template>
<script>
import { getDetailApi } from '@/api/devManage.js'
export default {
name: 'CustomerDevelopViewer',
props: { id: { type: [String, Number], default: '' } },
data() {
return { inner: { customerName: '', enterpriseType: '', region: '', companySuggestedCategory: '', registerDate: '' } }
},
watch: {
id: { immediate: true, handler(v) { if (v) { this.fetch(v) } } }
},
methods: {
fetch(id) {
getDetailApi(id).then(res => {
const d = res && res.data ? res.data : {}
this.inner = {
customerName: d.customerName || d.name || '',
enterpriseType: d.enterpriseType || d.type || '',
region: d.region || d.area || '',
companySuggestedCategory: d.companySuggestedCategory || d.category || '',
registerDate: d.registerDate || d.createTime || ''
}
}).catch(() => {})
},
getFormValues() { return { id: this.id, ...this.inner } }
}
}
</script>
<style lang="scss" scoped>
.viewer { background: #fff; padding: 24rpx }
.title { font-size: 36rpx; font-weight: 600; color: #323241; margin-bottom: 24rpx }
.grid { display: flex; flex-direction: column; gap: 20rpx }
.row { display: flex; align-items: center; justify-content: space-between }
.label { width: 220rpx; color: rgba(0,0,0,0.6); font-size: 28rpx }
</style>