<template name="cover">
	<view class="gui-padding">

		<view class="grace-title grace-margin-top">
			<text class="grace-title-icon grace-icons icon-article grace-blue"></text>
			<text class="grace-title-text grace-black">{{item.parent_name}}</text>
			<text class="grace-gray grace-black">{{item.author_name}}{{item.username}}</text>
		</view>
					
		<view class="grace-line-title grace-margin-top">
			<view class="grace-line-title-line"></view>
			<text class="grace-line-title-text grace-blue">{{item.name}}</text>
			<view class="grace-line-title-line"></view>
		</view>
		
		<view class="grace-margin-top">
			<view class="grace-flex-center grace-flex-vcenter">
				<image :src="item.pic" mode="widthFix" style="height: auto;"></image>
			</view>
		</view>
		
		<view class="grace-margin-top">
			<view class="grace-h5 grace-blod grace-text-center" v-if="item.times">
				<text class="grace-icons icon-spliter"></text>
				<text class="grace-black" style="margin:0 20rpx;">{{item.times_parent}} {{item.times}}</text>
				<text class="grace-icons icon-spliter"></text>
			</view>
			<view class="grace-text grace-text-center">{{item.desc}}</view>
		</view>
		
		<view class="grace-margin-top" @click="showModal">
			<view class="grace-flex-center grace-flex-vcenter">
				<text class="grace-gray grace-text-small grace-text-center">{{item.copyright}}</text>
				<text class="grace-icons grace-text-small icon-arrow-right grace-gray"></text>
			</view>
		</view>
		
		<y-Fab :bottom="20" :right="140" @click="showDrawer" bgColor="#e55d52" text="更多"></y-Fab>
		
		<view v-if="showComment">
			<dever-publish :title="title" :is_upload="true" @hideModal="hideModal" @getRefresh="getRefresh" :type="`feedback`" :type_id="item.id" :api="api"></dever-publish>
		</view>
		
	</view>
</template>

<script>
import deverPublish from '@/lib/dever/components/publish.vue';
export default {
	name: "cover",
	props: {
		item : {
			type    : Object,
			value	: null
		},
	},
	data() {
		return {
			title : '发表反馈',
			showComment : false,
			api : 'app/user/?l=api.addFeedback',
		}
	},
	methods:{
		showDrawer : function() {
			var key = 'cate';
			if (key) {
				this.$emit('showDrawer', key);
			} else {
				this.Dever.alert('您点错了吧~');
			}
		},
		showModal : function() {
			this.showComment = true;
		},
		hideModal : function() {
			this.showComment = false;
		},
		getRefresh : function() {
			this.Dever.alert('感谢您的反馈，我们的客服会尽快联系您~');
			this.hideModal();
		}
	},
	components:{deverPublish}
}
</script>

<style>
.grace-h5 {
	margin-top: 40rpx;
	margin-bottom: 40rpx;
}
</style>
