<template>
  <div class="home_wrapper">
    <header-nav
      :currentNav="2"
      :returnUrl="headingsUrl"
      :headings="headingsTitle"
    ></header-nav>
    <div class="consulting_header">
      <div class="user_wrap">
        <div class="title">咨询人</div>
        <div class="content">刘文芳</div>
      </div>
      <div class="time_wrap">
        <div class="title">咨询时间</div>
        <div class="content">2022-02-11 11:15:00</div>
      </div>
    </div>
    <div class="form_main">
      <div class="flex_item">
        <div class="title">标题</div>
        <div class="ipt_main">金融业务咨询</div>
      </div>
      <div class="flex_item">
        <div class="title">咨询内容</div>
        <div class="ipt_main">
          驱嫂议撞特烈岘散！伊抑蒙陶投胁议影测鸣骗兄狠蕊广递润腾耦熊释蛾音爱境、缆占籍蛴姆叶弯弃撒武国亏康五着昨壮彩苷请稿员事软畅耻指。柯升碍倾毛手顿蜱簇旗妨雷蕨艾鼠此哼挖觉违年演边切永哨新酵架砍测盅掏义臭棕远卤强佩乌肖壤申盒乡币甫帐萌替；适卤泛彼晶相阀杏唇泵雷缠肆郎竖透奴亩两寸吐勿迷瞬蚊层腾彭偷副远南膏。岳群故革班树苏救甘霸，仿挫希原带挑瞄绩鲁锥碑傲思模括脓包违输敬猎招削获唤屋禹矾班！
        </div>
      </div>
    </div>

    <div class="consulting_header bt">
      <div class="user_wrap">
        <div class="title">答复人</div>
        <div class="content">服务平台</div>
      </div>
      <div class="time_wrap">
        <div class="title">答复时间</div>
        <div class="content">2022-02-11 11:15:00</div>
      </div>
    </div>
    <div class="form_main">
      <div class="flex_item">
        <div class="title">答复结果</div>
        <div class="ipt_main">
          驱嫂议撞特烈岘散！伊抑蒙陶投胁议影测鸣骗兄狠蕊广递润腾耦熊释蛾音爱境、缆占籍蛴姆叶弯弃撒武国亏康五着昨壮彩苷请稿员事软畅耻指。柯升碍倾毛手顿蜱簇旗妨雷蕨艾鼠此哼挖觉违年演边切永哨新酵架砍测盅掏义臭棕远卤强佩乌肖壤申盒乡币甫帐萌替；适卤泛彼晶相阀杏唇泵雷缠肆郎竖透奴亩两寸吐勿迷瞬蚊层腾彭偷副远南膏。岳群故革班树苏救甘霸，仿挫希原带挑瞄绩鲁锥碑傲思模括脓包违输敬猎招削获唤屋禹矾班！
        </div>
      </div>
    </div>
  </div>
</template>


<style scoped lang="scss">
.home_wrapper {
  width: 100%;
  padding-top: 198px;
  min-height: 100vh;
  background: #fff;
  .consulting_header {
    height: 75px;
    display: flex;
    margin: 0 24px;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    &.bt {
      border-top: 1px solid #e5e5e5;
      padding-top: 50px;
      height: 125px;
    }
    .title {
      width: 138px;
      color: #999;
    }
    .content {
      font-size: 24px;
    }
    .user_wrap {
      width: 312px;
      display: flex;
    }
    .time_wrap {
      flex: 1;

      display: flex;
    }
  }
  .form_main {
    margin: 35px 24px 0;
    font-size: 28px;
    .flex_item {
      display: flex;
      margin-bottom: 70px;
      .title {
        width: 138px;
        color: #999;
        height: 55px;
      }
      .ipt_main {
        flex: 1;
        font-size: 24px;
      }
    }
  }
}
</style>


<script>
import headerNav from "@/components/sunVillage/common/header.vue";

export default {
  name: "sunVillageConsulting",
  components: { headerNav },
  data() {
    return {
      headingsTitle: "我的咨询",
      headingsUrl: "/sunVillage/consulting",
    };
  },
  mounted() {
    let routerObj = this.$route.query;
    if (routerObj.type && routerObj.type == "affairs") {
      //判断当前页面是从民生直通车-民生看板 访问
      this.headingsTitle = "民生看板";
      this.headingsUrl = "/sunVillage/consulting/kanban";
    } else if (routerObj.type && routerObj.type == "affairsList") {
      //判断当前页面是从民生直通车-民生看板列表 访问
      this.headingsTitle = "民生看板";
      this.headingsUrl = "/sunVillage/consulting/kanban/focusList";
    }
  },
  methods: {
    skip(url) {
      this.$router.push(url);
    },
  },
};
</script>