<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>

        <add-form
          ref="demandEditForm"
          :source="'visiual'"
          :formType="'add'"
          @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 addForm from "@/views/modules/communityService/fuwujilu/addForm";

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

  components: {
    cptCard,
    addForm,
  },

  data() {
    return {
      loading: false,

      pageType: "dispose",
      eventId: "1529724450524061698",
      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;
      this.handleClose();
    },

    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>
