<template>
  <div>
    <header>
      <div class="flex title">
        <h3>会议纪要名称 {{ detailMsg.jy_mc }}</h3>
        <div>
          <span v-if="detailMsg.status == 1">未开始</span>
          <span v-if="detailMsg.status == 2">进行中</span>
          <span v-if="detailMsg.status == 3">已结束</span>
        </div>
      </div>
      <p><span class="blank">所属会议</span> {{ detailMsg.jy_hysyd_mc }}</p>
      <p><span class="blank">创建人</span> {{ detailMsg.jy_cjr }}</p>
      <p><span class="blank">创建时间</span> {{ detailMsg.jy_cjsj }}</p>
      <p>
        <span class="blank">类型</span>
        {{ detailMsg.jy_lx == 1 ? "公开" : "私密" }}
      </p>
      <p><span class="blank">会议内容</span></p>
      <p>{{ detailMsg.jy_hynr }}</p>
      <div class="imgs flex">
        <img v-for="(m,i) in imgs[0]" :key="i" :src="https+m.split('|')[0]" alt="" />
      </div>
    </header>
  </div>
</template>
<script>
import { hyjy_detail } from "./api";
export default {
  name: "index",
  data() {
    return {
      detailMsg: {},
      https: window.globalVariables.api,
      imgs:[],
    };
  },
  methods: {
    getDetail() {
      let data = {
        site: "jnmf",
        jy_id: this.$route.params.jy_id,
      };
      hyjy_detail(data).then((res) => {
        if (res.code == "1") {
          this.detailMsg = res.data.one_info;
          this.imgs.push(res.data.one_info.jy_hytp.split(';'))      
        }
      });
    },
  },
  mounted() {
    this.getDetail();
  },
};
</script>
<style lang="scss" scoped>
.flex {
  display: flex;
}
header {
  padding: 15px 20px;
  font-family: PingFangSC-Regular;
  box-sizing: border-box;
  color: #969696;
  font-size: 14px;
  .title {
    justify-content: space-between;
    h3 {
      color: #000;
      font-size: 16px;
    }
  }
}
.blank {
  display: inline-block;
  color: #000;
  width: 65px;
}
.imgs {
  img {
    width: 160px;
    height: 90px;
    background: rgba(0, 0, 0, 0);
    margin-right: 23px;
  }
}
</style>