epmet-work-pc-chengyang/src/views/modules/visual/communityGovern/fivelayers/eventInfo.vue

<template>
  <div class="m-pop">
    <div class="wrap">
      <cpt-card>
        <div class="title">
          <img src="@/assets/img/shuju/title-tip.png" />
          <span>需求详情</span>
        </div>

        <div class="btn-close"
             @click="handleClose">
          <img src="@/assets/img/shuju/people/close.png" />
        </div>

        <event-info v-if="loading"
                    ref="eleEditForm"
                    :pageType="pageType"
                    :eventId="eventId"
                    :eventDetailData="eventDetailData"
                    :source="'visiual'"
                    @handleClose="handleClose"
                    @handleOk="handleOk"
                    @dialogOk="handleEditSuccess" />

      </cpt-card>
    </div>
  </div>
</template>

<script>
import cptCard from "@/views/modules/visual/cpts/card";

import { requestPost } from "@/js/dai/request";
import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info";

export default {
  name: "dialogInfo",
  props: {

  },

  components: {
    cptCard,
    eventInfo,
  },

  data () {
    return {
      loading: false,

      pageType: 'dispose',
      eventId: '1536238232963260418',
      eventDetailData: {},
    };
  },

  async mounted () {
    this.loading = false
    await this.handleSearch()
    this.loading = true
  },

  methods: {
    async handleSearch () {

      const url = "/gov/project/icEvent/detail";
      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";

      const { data, code, msg } = await requestPost(url, {
        icEventId: this.eventId,
      });

      if (code === 0) {

        this.eventDetailData = { ...data };
        this.pageType = "dispose";
      } else {
        this.$message.error(msg);
      }
    },

    handleClose () {
      this.pageType = "";
      this.$emit("handleClose")
      // this.eventId = ""
    },
    handleOk () {
      this.pageType = "";
      // this.eventId = ""
      this.pageNo = 1
    },

    handleEditSuccess () {
      this.handleClose();

    },
  },
};
</script>

<style
  lang="scss"
  src="@/assets/scss/modules/visual/people.scss"
  scoped
></style>
<style lang="scss" scoped>
@import "@/assets/scss/modules/visual/a_customize.scss";

.m-pop {
  color: #fff;
  .wrap {
    .list {
      display: block;
      width: 60%;
      .item {
        display: flex;
        width: 100%;
        box-sizing: border-box;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 16px;
        cursor: pointer;

        .item-field {
          flex-shrink: 0;
        }

        .item-filed-height {
          line-height: 30px;
        }
      }
      .item-desc {
        font-size: 16px;
        color: #fff;
        margin-bottom: 10px;
        line-height: 24px;
      }
    }
  }
  .list-title {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0 10px 62px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
  }
}
.list-wr {
  display: flex;
  padding: 0 32px;
}

.sel-service {
  display: flex;
  justify-content: flex-start;
}

.div_btn {
  display: flex;
  justify-content: center;

  .item_btn {
    font-size: 14px;
    padding: 8px 16px;
    cursor: pointer;

    border: 1px dashed #0c81fe;
    border-radius: 6px;
    background-color: #0c81fe;
  }

  .mgl {
    margin-left: 20px;
  }
}
</style>