<template>
  <v-page>
    <v-header :title="$t('notice.a0')"></v-header>
	<view style="background-color: #121212;height: 100%;">
    <main class="layout-main p-md">
      <view class="top p-b-sm border-b">
        <view class="title fn-lg fn-center m-b-md color-light">{{detail.title}}</view>
        <!-- <view class="time fn-sm">{{detail.created_at}}</view> -->
				<!-- <view class="time fn-sm">{{detail.created_ats | parseTime}}</view> -->
      </view>
      <!-- <view class="edit-content m-t-md" v-html="detail.body"></view> -->
	  <view style="text-align: center;margin: 20px 0px;">
	  	{{$t('accountSettings.b7')}}
	  </view>
	  <view style="margin-top: 20px;">
	      <view class="py-2">
	          <view style="text-align: center;margin-top:30px">
	              {{$t('accountSettings.b3')}}:
	              <view class="">{{contacts.contact}}</view>
	          </view>
	          <view style="text-align: center;margin-top:30px">
	              <view class="label">{{$t('accountSettings.b4')}}:</view>
	              <view class="">{{contacts.email}}</view>
	          </view>
	          <view style="text-align: center;margin-top:30px">
	              <view class="label">{{$t('accountSettings.b5')}}:</view>
	              <view class="">{{contacts.service}}</view>
	          </view>
	          <view style="text-align: center;margin-top:30px">
	              <view class="label">{{$t('accountSettings.b6')}}:</view>
	              <view class="">{{contacts.media}}</view>
	          </view>
	      </view>
	  </view>
    </main>
	</view>
  </v-page>
</template>
<script>
import formData from "@/utils/class/date";
import Member from "@/api/member";
export default {
  data() {
    return {
      detail: [],
      query: [],
	  contacts : {
		  contact:"",
	      email: "",
		  media:"",
	      service : "",
	  }
    };
  },
  computed: {
  },
	filters: {
	  parseTime(val) {
	    return formData.parseTime(val);
	  },
	},
  methods: {
    serviceDetail() {
      Member.serviceDetail({
        id: this.query.id,
      }).then((res) => {
          // console.log(res,1111)
        this.detail = res.data;
      });
	  Member.contact({}).then((res)=>{
		  console.log(res);
		  this.contacts = res.data;
	  })
    },
  },
  onLoad($ev) {
		this.query = $ev;
		this.serviceDetail();
  },
};
</script>
<style lang="scss">
</style>