【类 型】：feat

【原  因】：
【过  程】：详情框 退款cell 退款说明cell 联系客服按钮
【影  响】：

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动

pages/order/refProcess.vue

@@ -11,25 +11,68 @@
 			<view class="m-b-24 borderBDas flex msb mub">
 				<view class="fb fz36 l-h-18">{{ order.refund_status !== "主动退"?"买家申请":"卖家取消订单" }}</view>
 			</view>
-			<!-- <process :processList="processList"></process> -->
+			<process v-if="processList" :processList="processList" :processType='processType'></process>
+		</view>
+		<!-- 退款金额cell -->
+		<cell :cellTit='order.refund_status ==="主动退" ? "退款金额":"申请退款金额"' conClass="fcm" :cellCon="refundPrice"
+			:isRightIcon='false'></cell>
+		<!-- 退款说明cell -->
+		<cell cellTit="退款说明" :cellCon="refundRemark | truncate(8)" :isRightIcon='false'>
+		</cell>
+		<!-- 订单详情 -->
+		<orderCon tit='订单详情' :order='order'></orderCon>
+		<!-- 按钮 -->
+		<view class="m-l-24 m-r-24 m-t-24 flex mr">
+			<view class="nullBut border fcb rad8 fz28 flex mac mc" @click="callPhone(shopCon.tel)">
+				联系客服
+			</view>
 		</view>
 	</view>
 </template>
 
 <script>
+	import {
+		formatPrice,
+		truncate,
+		callPhone
+	} from '@/utils/index.js'
 	export default {
 		data() {
 			return {
-				order_sn: '', //订单号
+				order_sn: '', //订单号]
 			}
 		},
 		onLoad(options) {
 			this.order_sn = options.order_sn // 从提交订单页面传递过来的订单号	
 		},
 		methods: {
-
+			callPhone
+		},
+		filters: {
+			formatPrice, //价格 格式化
+			truncate
 		},
 		computed: {
+			//退款说明
+			refundRemark() {
+				if (this.order) {
+					return this.order.refund_remark
+				} else {
+					return null
+				}
+			},
+			//退款额 ps:有确切退款额 显示确切退款额 没有显示申请退款额
+			refundPrice() {
+				if (this.order) {
+					if (this.order.refund_price) {
+						return '¥' + String(this.order.refund_price)
+					} else {
+						return '¥' + String(this.order.apply_price)
+					}
+				} else {
+					return null
+				}
+			},
 			//订单
 			order() {
 				if (this.order_sn) {
@@ -38,7 +81,35 @@
 					return null
 				}
 			},
+			//退款时间线组件 各时间指定
+			processList() {
+				if (this.order) {
+					if (this.order.refund_status === '主动退') {
+						return [this.order.refundagree_time, this.order.refunded_time]
+					} else if (this.order.refund_status === '申请中' || this.order.refund_status === '已同意') {
+						return [this.order.refundapply_time, this.order.refundagree_time, this.order.refunded_time]
+					} else if (this.order.refund_status === '拒绝退') {
+						return [this.order.refundapply_time, this.order.rejected_time]
+					} else {
+						return null
 					}
+				} else {
+					return null
+				}
+			},
+			//时间线组件类型指定
+			processType() {
+				if (this.order) {
+					return this.order.refund_status
+				} else {
+					return null
+				}
+			},
+			//商铺信息
+			shopCon() {
+				return this.$store.state.shopCon
+			},
+		},
 	}
 </script>