5 changed files with 426 additions and 21 deletions
@ -0,0 +1,175 @@ |
|||
<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 |
|||
}, |
|||
|
|||
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> |
@ -0,0 +1,186 @@ |
|||
<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" /> --> |
|||
|
|||
<demand-info-origin 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 eventInfo from "@/views/modules/shequzhili/event/cpts/event-info"; |
|||
import demandInfoOrigin from "@/views/modules/communityService/measure/info"; |
|||
|
|||
export default { |
|||
name: "dialogInfo", |
|||
props: { |
|||
|
|||
}, |
|||
|
|||
components: { |
|||
cptCard, |
|||
eventInfo, |
|||
demandInfoOrigin, |
|||
}, |
|||
|
|||
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 |
|||
}, |
|||
|
|||
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> |
Loading…
Reference in new issue