<template>
  <div class="sevice_detail">
    <div class="sevice_breadcrumb">
      <el-breadcrumb separator="/" class="bread_crumb">
        <el-breadcrumb-item>服务超市</el-breadcrumb-item>
        <el-breadcrumb-item>数据服务</el-breadcrumb-item>
        <el-breadcrumb-item>服务详情信息</el-breadcrumb-item>
      </el-breadcrumb>
    </div>

    <servive-content :service-data="serviceData"></servive-content>

    <servive-info></servive-info>
  </div>
</template>

<script>
import serviveInfo from "@/components/servive-info";
import serviveContent from "@/components/servive-content";

export default {
  components: {
    serviveInfo,
    serviveContent,
  },
  data: () => ({
    serviceData: {
      img:
        "https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg",
      name: "地图视频融合服务",
      openLevel: "共享",
      viewCount: "99999",
      acquireCount: "9999",
      providedBy: "北京比格数据",
      publishTime: "2020-03-12 18:31:12",
      updatedTime: "2020-03-12 18:31:12",
      dataField: "经济建设",
      serviceType: ["综合应用服务"],
      resourceSummary: "提供视频监控的空间分布展示和视频监控直播的服务，MOUMOU监控服务和直播服务的新服务。",
      specifications: [
        {
          name: "访问次数：20/日 访问量：100/日",
          value: 0,
          description:
            "用户服务申请通过审核确认后，每日可对应急地图进行20次免费访问",
        },
        {
          name: "访问次数：200/日 访问量：1000/日",
          value: 1,
          description:
            "用户服务申请通过审核确认后，每日可对应急地图进行200次免费访问",
        },
        {
          name: "访问次数：无上限 访问量：无上限",
          value: 2,
          description:
            "用户服务申请通过审核确认后，每日可对应急地图进行免费访问",
        },
      ],
      ways: [
        {
          name: "按月购买",
          value: 0,
        },
        {
          name: "按年购买",
          value: 1,
        },
      ],
    },
  }),
  mounted() {},
  methods: {},
};
</script>

<style scoped>
.sevice_detail {
  max-width: 1200px;
  margin: 0 auto;
}
.sevice_breadcrumb > .el-breadcrumb {
  line-height: 42px;
}
</style>
