<template>
	<!-- 退款 退货 -->
	<!-- 退款 -->
	<view class="refund yocode">
		
		<!-- 商品信息 -->
		<view class="shopinfos">
			<view class="orderItem">
				<view class="order_head flex ali-c jus-b">
					<view class="headl flex ali-c">
						<image class="storeicon" src="/static/news/storeicon.png" mode=""></image>
						<view class="storename">铁观音专卖店（鹿马自营）</view>
					</view>
					<view class="headr">
						
					</view>
				</view>
				<view class="order_body  flex  ">
					<image class="imgs" src="" mode=""></image>
					<view class="body_r flex1 ">
						<view class="title twoline">平天观2019新茶铁观音浓香型500g 兰花香送礼乌龙茶</view>
						<view class="prices">
							<text class="text">价格:128元</text>
							<!-- <text class="text">充值价668元</text> -->
						</view>
						<view class="specs">
							<text class="text">型号:大罐</text>
							<text class="text">包装:2袋装</text>
							<view>数量:x2</view>
						</view>
					</view>
					
				</view>
				
			</view>
		</view>
		<!-- 商品信息ned -->
		
		
		<view class="tuikuanxinxi">
			<view class="tuikhead  tuikhead1 flex ali-c jus-b">
				<view class="name">退款金额</view>
				<view class="price">¥668.00</view>
			</view>
			<view class="tuikhead tkbody">
				<view class="name">退款原因</view>
				<view class="inputbox">
					<!-- <input type="text" placeholder="请填写退款原因"> -->
					<view class="inputs">退款原因水水水水水水</view>
				</view>
			</view>

		</view>
		
		
		
		
		<view class="submitbtn active">同意</view>
		
		<view class="submitbtn ">拒绝</view>
		
		
	</view>
</template>

<script>
	// import robbyImageUpload from '@/components/robby-image-upload/robby-image-upload.vue';
	export default {
		components:{
			// "robby-image-upload":robbyImageUpload,
		},
		data() {
			return {
				enableDel : false,
				enableAdd : false,
				enableDrag : false,
				limitNumber: 8,
				imageData : [],
				serverUrl: "api/File_upload/uploadImage",//'api/ele_order/uploadCommentPic',
				serverUrlDeleteImage: 'api/Store/del_goodsPicture',
				formData: {
					"imgtype": "comment"
				},
			};
		},
		computed: {
			staticUrl () {//静态资源地址
				return this.$store.state.staticUrl;
			},
			staticUrl1 () {//静态资源地址
				return this.$store.state.staticUrl1;
			},
			uploadurl(){
				return this.$store.state.uploadurl;
			}
		},
		methods:{
			deleteImage: function(e){
				console.log(e)
			},
			addImage: function(e){
				console.log(e)
			},
		}
	}
</script>

<style lang="scss">
	//@import  "./refund.scss";
	
	.refund{
		min-height: 100vh;
		background: #F2F3F3;
		padding: 20upx 0;
	}
	
	//商品信息
	.shopinfos{
		background: #FFFFFF;
		margin: 0 24upx;
		border-radius:14px 14px 0px 0px;
	
		.orderItem{
			border-radius:14px 14px 0px 0px;
			
		}
	}
	//end
	
	
	
	//退款输入信息
	.tuikuanxinxi{
		margin: 0 24upx;
		//height:288upx;
		background:rgba(255,255,255,1);
		border-radius:0px 0px 14upx 14upx;
		.tuikhead1{
			//height: 88upx;
		}
		.tuikhead{
			//height: 88upx;
			
			padding: 0 20upx;
			.name{
				font-size:30upx;
				color:rgba(0,0,0,1);
				line-height: 88upx;
			}
			.price{
				color:#FF6900;
			}
		}
		.tkbody{
			padding-bottom: 20upx;
			background: #fff;
			border-top: 1px solid #F5F1F1;
			.inputbox{
				margin-top:20upx;
				.textarea{
					height: 200upx;
					width: 100%;
					font-size: 30upx;
					color:#000000;
				}
			}
		}
	}
	
	
	//上传产品图
	.addmigs{
		margin-top: 20upx;
		.titlehe{
			padding-left: 20upx;
			font-size:30upx;
			color:rgba(0,0,0,1);
		}
	}
</style>
