jufubao-base 1.0.184-beta2 → 1.0.185

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,117 +0,0 @@
1
- <template>
2
- <view class="xd-tfk-item" @click="handleSelectAddress">
3
- <view class="item_top">
4
- <view class="user_info">
5
- {{ item.name }} <text style="margin-left: 20rpx;">{{ item.phone }}</text>
6
- <view v-if="item.is_valid === 'N'"
7
- style="position: absolute; right: 40rpx;top: 0;"
8
- >
9
- <xd-font-icon
10
- size="32"
11
- :color="dangerColor"
12
- icon="iconmingchengtubiao"
13
- ></xd-font-icon>
14
- </view>
15
- </view>
16
- <view class="user_adr">{{item.province_name}}{{item.city_name}}{{item.area_name}}{{item.street_name}}{{ item.address_detail }} {{ item.house_number }}</view>
17
- </view>
18
- <view class="item_bottom">
19
- <view class="is_default" @click.native.stop="setDefault">
20
- <xd-radio :value="item.is_default === 'Y'" :width="52" :height="52" :iconSize="20"></xd-radio>
21
- <view v-if="item.is_default === 'Y'">默认地址</view>
22
- <view v-else>设为默认</view>
23
- </view>
24
- <view class="item_opera">
25
- <view class="o_i" style="margin-right: 30rpx;" @click.native.stop="handleEdit">
26
- <xd-font-icon class="icon" :icon="edit_icon" :size="26"></xd-font-icon> 编辑
27
- </view>
28
- <view class="o_i" @click.native.stop="handleDel">
29
- <xd-font-icon class="icon" :icon="delete_icon" :size="26"></xd-font-icon> 删除
30
- </view>
31
- </view>
32
- </view>
33
- </view>
34
- </template>
35
- <script>
36
- import XdRadio from "@/components/XdRadio/XdRadio"
37
- import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
38
- export default{
39
- name:"XdTfkItem",
40
- components: {
41
- XdRadio,
42
- XdFontIcon,
43
- },
44
- props:{
45
- edit_icon: String,
46
- delete_icon: String,
47
- item: Object,
48
- dangerColor: String,
49
- },
50
- data(){
51
- return{
52
- }
53
- },
54
- created(){
55
- },
56
- methods:{
57
- handleSelectAddress(){
58
- this.$emit("selectAddress")
59
- },
60
- handleEdit(){
61
- this.$emit("editAddress", this.item)
62
- },
63
- handleDel(){
64
- this.$emit("delAddress", this.item)
65
- },
66
- setDefault(){
67
- this.$emit("setDefault", this.item)
68
- }
69
- },
70
- }
71
- </script>
72
- <style lang="less" scoped>
73
- .xd-tfk-item{
74
- .item_top{
75
- padding: 30rpx;
76
- }
77
- .user_info{
78
- color: #191a1b;
79
- font-size: 30rpx;
80
- position: relative;
81
- }
82
- .user_adr{
83
- color: #797d82;
84
- font-size: 26rpx;
85
- margin-top: 6rpx;
86
- overflow: hidden;
87
- text-overflow: ellipsis;
88
- white-space: nowrap;
89
- }
90
- .item_bottom{
91
- display: flex;
92
- justify-content: space-between;
93
- padding: 20rpx;
94
- border-top: 1px solid #ededed;
95
- }
96
- .item_opera{
97
- display: flex;
98
- color: #797d82;
99
- align-items: center;
100
- .o_i{
101
- display: flex;
102
- align-items: center;
103
- font-size: 26rpx;
104
-
105
- .icon{
106
- margin-right: 10rpx;
107
- }
108
- }
109
- }
110
- .is_default{
111
- display: flex;
112
- align-items: center;
113
- font-size: 26rpx;
114
- color: #797d82;
115
- }
116
- }
117
- </style>
@@ -1,246 +0,0 @@
1
- <template>
2
- <view class="xd-tfk-order-item">
3
- <view class="o_header">
4
- <view class="h_l">
5
- <xd-font-icon
6
- v-if="item.biz_code_icon"
7
- :icon="item.biz_code_icon"
8
- :size="item['biz_code_icon_size']"
9
- ></xd-font-icon>
10
- <view :class="{ marginLeft: item.biz_code_icon }" style="margin-left: 20rpx;">{{item.biz_code_name }}</view>
11
- </view>
12
- <view v-if="isShowOrderNo==='N'" class="o_status" :style="{
13
- color:item.status.status_type !== 'error' ? mainColor : '#999999',
14
- }">{{ item.status.status_name }}</view>
15
- </view>
16
- <view class="o_title" v-if="isShowOrderNo==='Y'">
17
- <view class="o_number">订单编号:{{ item.main_order_id }}</view>
18
- <view class="o_status" :style="{
19
- color:item.status.status_type !== 'error' ? mainColor : '#999999',
20
- }">{{ item.status.status_name }}</view>
21
- </view>
22
- <view class="prod_list">
23
- <!-- 单个商品展示商品信息 -->
24
- <template v-if="item.products.length == 1">
25
- <view class="one_prod" v-for="Sitem in item.products" :key="Sitem.key">
26
- <view class="prod_img">
27
- <image :src="Sitem.product_thumb" style="background: #ffffff" mode="aspectFill"></image>
28
- </view>
29
- <view class="prod_info">
30
- <view class="prod_name">{{ Sitem.product_name }}</view>
31
- <view v-if="Sitem.brand_name" class="prod_brand" :style="{color: brandTextColor}">{{ Sitem.brand_name }}</view>
32
- <view v-if="Sitem.product_sku_name" class="prod_sku">规格:{{ Sitem.product_sku_name }}</view>
33
- <view class="prod_price">
34
- <view>¥448</view>
35
- <view class="info-price">
36
- <text>x</text>
37
- <text>{{ Sitem.product_num }}</text>
38
- </view>
39
- </view>
40
- </view>
41
- </view>
42
- </template>
43
-
44
- <!-- 多个商品展示更多商品信息 -->
45
- <view v-if="item.products.length > 1" class="more_prod">
46
- <view class="img_list">
47
- <view class="prod_img" v-for="prod in item.products" :key="prod.key">
48
- <image :src="prod.product_thumb" style="background: #ffffff" mode="aspectFit"></image>
49
- </view>
50
- </view>
51
- <view class="right_arrow">
52
- <xd-font-icon icon='iconxiangyou_xian' :size="26" color="#bdc0c5"></xd-font-icon>
53
- </view>
54
- </view>
55
- </view>
56
- <view class="prod_total">
57
- <view></view>
58
- <view style="display: flex;align-items: center;">
59
- 共{{item.products.length}}件商品 实付
60
- <xd-unit
61
- :isOld="false"
62
- :price="item.total_amount"
63
- :color="mainColor"
64
- :fontSize="28"></xd-unit>
65
- </view>
66
- </view>
67
- <view v-if="item.buttons.length" class="prod_footer">
68
- <view style="flex: 1;"></view>
69
- <view class="btn"
70
- v-for="(btn,index) in item.buttons" :key="btn.key"
71
- @click="handleBtnEvent(btn.action, item)"
72
- >{{btn.text}}</view>
73
- </view>
74
- </view>
75
- </template>
76
-
77
- <script>
78
- import XdFontIcon from "@/components/XdFontIcon/XdFontIcon"
79
- import XdUnit from "@/components/XdUnit/XdUnit"
80
- export default{
81
- name:"XdTfkOrderItem",
82
- components: {
83
- XdFontIcon,
84
- XdUnit,
85
- },
86
- props:{
87
- item: Object,
88
- mainColor: String,
89
- isShowOrderNo: {
90
- type: String,
91
- },
92
- brandTextColor: String
93
- },
94
- data(){
95
- return{
96
- }
97
- },
98
- methods:{
99
- handleBtnEvent(action){
100
- this.$emit('handleBtnEvent', action)
101
- },
102
- }
103
- }
104
- </script>
105
-
106
- <style lang="less" scoped>
107
- .xd-tfk-order-item{
108
- padding-left: 30rpx;
109
- overflow: hidden;
110
- .o_header{
111
- height: 90rpx;
112
- display: flex;
113
- align-items: center;
114
- justify-content: space-between;
115
- border-bottom: 1px solid #EDEDED;
116
- padding-right: 30rpx;
117
- color: #333333;
118
- font-size: 28rpx;
119
-
120
- .h_l{
121
- display: flex;
122
- align-items: center;
123
- }
124
- }
125
- .o_title{
126
- height: 80rpx;
127
- display: flex;
128
- align-items: center;
129
- justify-content: space-between;
130
- padding-right: 30rpx;
131
- color: #333333;
132
- font-size: 24rpx;
133
- border-bottom: 1px solid #EDEDED;
134
- }
135
- .one_prod{
136
- display: flex;
137
- align-items: center;
138
- width: 100%;
139
- padding: 30rpx 30rpx 30rpx 0;
140
- box-sizing: border-box;
141
- .prod_img{
142
- width: 140rpx;
143
- height: 140rpx;
144
- background-color: #f5f5f9;
145
- image{
146
- width: 100%;
147
- height: 100%;
148
- }
149
- }
150
- .prod_info{
151
- flex: 1;
152
- padding-left: 30rpx;
153
- .prod_name{
154
- color: #2e2f30;
155
- font-size: 30rpx;
156
- }
157
- .prod_brand{
158
- font-size: 24rpx;
159
- margin-top: 8rpx;
160
- }
161
- .prod_sku{
162
- color: #797d82;
163
- font-size: 24rpx;
164
- margin-top: 8rpx;
165
- }
166
- }
167
- .prod_price{
168
- display: flex;
169
- justify-content: space-between;
170
- align-items: center;
171
- color: rgb(46, 47, 48);
172
- font-size: 30rpx;
173
- margin-top: 12rpx;
174
- .info-price{
175
- display: flex;
176
- color: #bdc0c5;
177
- font-size: 26rpx;
178
- }
179
- }
180
- }
181
- .prod_list{
182
- position: relative;
183
- .right_arrow{
184
- position: absolute;
185
- right: 0px;
186
- height: 100%;
187
- width: 60rpx;
188
- top: 0;
189
- background: #FFF;
190
- display: flex;
191
- align-items: center;
192
- justify-content: center;
193
- }
194
- }
195
- .more_prod{
196
- display: flex;
197
- flex-wrap: nowrap;
198
- overflow: auto;
199
- padding: 30rpx 30rpx 30rpx 0;
200
- width: 100%;
201
- .img_list{
202
- display: flex;
203
- flex-wrap: nowrap;
204
- padding-right: 60rpx;
205
- }
206
- .prod_img{
207
- width: 140rpx;
208
- height: 140rpx;
209
- display: flex;
210
- align-items: center;
211
- justify-content: center;
212
- image{
213
- width: 100%;
214
- height: 100%;
215
- }
216
- }
217
- }
218
- .prod_total{
219
- height: 80rpx;
220
- display: flex;
221
- align-items: center;
222
- justify-content: space-between;
223
- padding-right: 30rpx;
224
- border-top: 1px solid #EDEDED;
225
- color: #2e2f30;
226
- font-size: 26rpx;
227
- }
228
- .prod_footer{
229
- padding: 16rpx 30rpx 16rpx 0;
230
- display: flex;
231
- align-items: center;
232
- border-top: 1px solid #EDEDED;
233
- .btn{
234
- width: 170rpx;
235
- height: 66rpx;
236
- border: 1px solid #EDEDED;
237
- display: flex;
238
- align-items: center;
239
- justify-content: center;
240
- margin-left: 20rpx;
241
- color: #2e2f30;
242
- font-size: 24rpx;
243
- }
244
- }
245
- }
246
- </style>