address.vue
1.23 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="boxBg">
<view class="addressCon">
<view class="item">
<view class="sendIcon">{{ taskType === 1 ? "取" : "派" }}</view>
<view class="addressInfo">
<view
><text class="name">{{ detailsData.senderName }}</text
>{{ detailsData.senderPhone }}</view
>
<view>{{ detailsData.senderAddress }}</view>
</view>
</view>
<view class="item">
<view class="receiveIcon">{{ taskType === 1 ? "派" : "收" }}</view>
<view class="addressInfo">
<view
><text class="name">{{ detailsData.receiverName }}</text
>{{ detailsData.receiverPhone }}</view
>
<view>{{ detailsData.receiverAddress }}</view>
</view>
</view>
<view class="line"></view>
</view>
</view>
</template>
<script setup>
import { useStore } from "vuex";
// 获取父组件数据
const props = defineProps({
detailsData: {
type: Object,
default: () => ({}),
},
});
// ------定义变量------
const store = useStore(); //vuex获取、储存数据
const users = store.state.user; //vuex获取、储存数据
let taskType = users.taskType;
</script>
<style>
</style>